Pular para o conteúdo
Aura UI

aura-ui 0.3.0

O design system 3D, inteiro.

73 componentes, 23 efeitos e 4 cenas WebGL. Cada peça com preview, nome e o comando para copiar.

Carregando cena 3D…

Componentes

Componentes

73 nesta seção

Button

npx aura-ui-cli add button

Plano Pro

Profundidade, temas e componentes no seu repo.

Card

npx aura-ui-cli add card

Input

npx aura-ui-cli add input

Textarea

npx aura-ui-cli add textarea

AcimaAbaixo

Separator

npx aura-ui-cli add separator

Skeleton

npx aura-ui-cli add skeleton

NovoPro3D

Badge

npx aura-ui-cli add badge

Label

npx aura-ui-cli add label

Switch

npx aura-ui-cli add switch

Tokens, temas e profundidade.

Tabs

npx aura-ui-cli add tabs

Dialog

npx aura-ui-cli add dialog

Tooltip

npx aura-ui-cli add tooltip

Select

npx aura-ui-cli add select

Colunas
Clientes de demonstração
Ana LimaPro
0 selecionado(s) · 1 registro(s)Página 1 de 1

Data Table

npx aura-ui-cli add data-table

Elevação, luz e camadas via tokens.

Accordion

npx aura-ui-cli add accordion

Tema aplicado
As cores acompanham os tokens do Aura.

Alert

npx aura-ui-cli add alert

AMUI

Avatar

npx aura-ui-cli add avatar

Checkbox

npx aura-ui-cli add checkbox

Dropdown Menu

npx aura-ui-cli add dropdown-menu

Nada por aqui

Ajuste o filtro ou limpe a busca.

Empty State

npx aura-ui-cli add empty-state

⌘Kbusca

Kbd

npx aura-ui-cli add kbd

Pagination

npx aura-ui-cli add pagination

Popover

npx aura-ui-cli add popover

Progress

npx aura-ui-cli add progress

Radio Group

npx aura-ui-cli add radio-group

Uma área com rolagem própria. O conteúdo continua legível, com respiro interno e sem encostar na borda do card.

Scroll Area

npx aura-ui-cli add scroll-area

Sheet

npx aura-ui-cli add sheet

Slider

npx aura-ui-cli add slider

Spinner

npx aura-ui-cli add spinner

Receita

R$ 12.480

+12%

Stat

npx aura-ui-cli add stat

Amostra
PeçaEstado
ButtonEstável

Table

npx aura-ui-cli add table

Toast

npx aura-ui-cli add toast

Canais

Charts

npx aura-ui-cli add charts

Theme Switcher

npx aura-ui-cli add theme-switcher

Seção

Ritmo vertical e largura controlada.

Section

npx aura-ui-cli add section

v0.3.0

Um hero com presença

Fundo, título e ação no mesmo bloco.

Hero

npx aura-ui-cli add hero

Pronto para publicar

Leve os componentes para o seu repositório.

Cta

npx aura-ui-cli add cta

Tokens

Cor, elevação e raio num só lugar.

Temas

Trinta e três paletas prontas.

Feature Grid

npx aura-ui-cli add feature-grid

Pro

R$ 0/ agora

O código é seu.

  • 73 componentes
  • 23 efeitos

Pricing

npx aura-ui-cli add pricing

  1. Fundação

    Tokens e monorepo.
  2. v0.3.0

    Native e a vitrine.

Timeline

npx aura-ui-cli add timeline

  1. Instalar
  2. 2Adicionar
  3. 3Publicar

Steps

npx aura-ui-cli add steps

Rating

npx aura-ui-cli add rating

3dtokens

Tags Input

npx aura-ui-cli add tags-input

72%

Meter

npx aura-ui-cli add meter

tsx
import { Button } from "aura-ui-components";

Code Block

npx aura-ui-cli add code-block

Interfaces que se sentem, não só se veem.

Blockquote

npx aura-ui-cli add blockquote

Toggle

npx aura-ui-cli add toggle

Alert Dialog

npx aura-ui-cli add alert-dialog

16:9

Aspect Ratio

npx aura-ui-cli add aspect-ratio

Aura UI 0.3.0 está no ar.

Banner

npx aura-ui-cli add banner

Button Group

npx aura-ui-cli add button-group

novembro de 2026
domsegterquaquisexsáb

Calendar

npx aura-ui-cli add calendar

Collapsible

npx aura-ui-cli add collapsible

Combobox

npx aura-ui-cli add combobox

Command

npx aura-ui-cli add command

Clique com o botão direito

Context Menu

npx aura-ui-cli add context-menu

Copy Button

npx aura-ui-cli add copy-button

Date Picker

npx aura-ui-cli add date-picker

Drawer

npx aura-ui-cli add drawer

Usado só nesta demonstração.

Field

npx aura-ui-cli add field

Clique para enviar ou arraste e solte

File Upload

npx aura-ui-cli add file-upload

Hover Card

npx aura-ui-cli add hover-card

https://

Input Group

npx aura-ui-cli add input-group

Input Otp

npx aura-ui-cli add input-otp

Feito para conviver com

  • Next
  • Vite
  • Expo

Logo Cloud

npx aura-ui-cli add logo-cloud

Number Input

npx aura-ui-cli add number-input

Parece um produto, não um kit de peças.
ALAna LimaDesign

Testimonial

npx aura-ui-cli add testimonial

Título com escala

Um parágrafo com o ritmo tipográfico do sistema.

Typography

npx aura-ui-cli add typography

Efeitos

Efeitos

23 nesta seção

Card3D

Incline com o cursor

Card 3d

npx aura-ui-cli add card-3d

A luz segue o ponteiro

Spotlight

npx aura-ui-cli add spotlight

Contorno de luz

Shine Border

npx aura-ui-cli add shine-border

Make it shine

Animated Shiny Text

npx aura-ui-cli add animated-shiny-text

Atmosfera

Aurora Background

npx aura-ui-cli add aurora-background

Brilho de fundo

Glow Orb

npx aura-ui-cli add glow-orb

Button
Card
Hero
Toast

Marquee

npx aura-ui-cli add marquee

Feixe na borda

Border Beam

npx aura-ui-cli add border-beam

Shimmer Button

npx aura-ui-cli add shimmer-button

Aparece ao entrar na tela

Blur Fade

npx aura-ui-cli add blur-fade

0

Number Ticker

npx aura-ui-cli add number-ticker

Ondas

Ripple

npx aura-ui-cli add ripple

Fundo

Camada da frente

Layered Card

npx aura-ui-cli add layered-card

Vidro

Elevação e blur no mesmo card.

Glass Card

npx aura-ui-cli add glass-card

Borda viva

Moving Border

npx aura-ui-cli add moving-border

✦

Orbiting Circles

npx aura-ui-cli add orbiting-circles

Meteoros

Meteors

npx aura-ui-cli add meteors

Grade em perspectiva

Perspective Grid

npx aura-ui-cli add perspective-grid

Destaque

SSR

Tokens

Bento Grid

npx aura-ui-cli add bento-grid

OrigemDestino

Animated Beam

npx aura-ui-cli add animated-beam

Luz
Z
Tema

Hero Parallax

npx aura-ui-cli add hero-parallax

Coluna fixa

Bloco um

Bloco dois

Sticky Scroll

npx aura-ui-cli add sticky-scroll

Flutuando

Float

npx aura-ui-cli add float

Cenas 3D

Cenas 3D

4 nesta seção

Carregando cena…

HeroScene

pnpm add aura-ui-three three @react-three/fiber

Carregando cena…

AuraCanvas

pnpm add aura-ui-three three @react-three/fiber

Carregando cena…

FloatingMesh

pnpm add aura-ui-three three @react-three/fiber

Carregando cena…

ParticleField

pnpm add aura-ui-three three @react-three/fiber