J

Command Palette

Search for a command to run...

- Gradient Halo
- Shining Star
- Lord Star
- Dark Fusion
- Path Flow
- Wave CTA
- Overlay Nav
- Overlay Menu
- Aurora Pricing
- Testimonial Flow
- Flux CTA
- Radiant Frame
- Glide Accordion
- Voice Flow
- Nova Pricing
- Stratus
- Aura Base
- Orbit Border
- Separator
- Brand Loop
- Pulse Ping
- Motion Switch
- Motion Dropdown
- Shadow Button
- Linear Reveal

Aura Base

Aura Base

The foundational layer for motion-driven interfaces. Aura Base sets the visual tone of your layout with subtle depth, soft gradients, and a premium surface — without stealing attention from your content.

Built to adapt. Drop any content inside and let Aura Base handle spacing, balance, and atmosphere across sections, footers, and feature blocks.

Get the App

Download on theApp Store

GET IT ONGoogle Play

Quick Links

Features
Testimonials
Pricing

Company

About
Blog

2025 React Vibe, Inc. All rights reserved.

Terms of services
License
Privacy Policy

React Vibe

Installation

npm i framer-motion

Step 1

Components

Page.tsx

AuraBase.tsx

Select a file to view its code

Steps 2

Use Linear Reveal

Steps 3

Credit: Aura Base UI designed by

Grigory

Created with

by Siddhant Mani