nextui.dev
Home
Library
Docs
Pricing
Components26
AI & agents5
  • AI chat inputPro
  • Agent task checklistPro
  • Agent thinking
  • Thinking indicator
  • Prompt deckNew
Forms & inputs7
  • Input with label
  • Input with icon and button
  • Settings switches
  • Password with strength meter
  • One-time code input
  • WaitlistNew
  • File dropzonePro
Cards5
  • Style marquee cardPro
  • Folder card
  • Celebration cardPro
  • Smart PDF stackNew
  • Waitlist pass
Buttons, badges & avatars5
  • Buttons with icons
  • QR scan badge
  • Avatar group
  • Rolling price badge
  • Avatars with status
Feedback & display4
  • Alert banners
  • FAQ accordion
  • Keyboard shortcuts
  • Empty state
Blocks11
Hero4
  • Animated pill heroPro
  • Integrations grid hero
  • Waitlist heroNew
  • Orbit chat heroNew
Features & pricing3
  • Usage cardPro
  • Three-tier pricing
  • Feature with board
Testimonials & team3
  • Testimonial cards
  • Single quote
  • Team carousel
Sign-in1
  • Sign-in cardPro
Motion2
Effects2
  • Text revealPro
  • Sound ringNew
Themes9
  • Default
  • Ember
  • Ocean
  • Forest
  • Grape
  • Rose
  • Amber
  • Clay
  • Brutal
nextui.dev

nextui components, blocks and themes you install with one command.

Product

  • Components
  • Blocks
  • Motion
  • Themes
  • Pricing

Resources

  • Docs
  • Roadmap
  • GitHub

Legal

  • License
  • Privacy
  • Terms
  • Refunds

nextUI

[ 200 OK ] · nextUI

© 2026 NEXTUI.DEV. All rights reserved.

ComponentsCardsCelebration card

Celebration card

Task bubbles rain down, pile up on the headline and drain away when you switch range.

Copy prompt
MCP

Installation

Set your access key from Account as NEXTUI_TOKEN in .env.local and add the @nextui namespace below to components.json once. Then it installs by name, like any free item.

$pnpm dlx shadcn@latest add @nextui/card-04
1{
2 "registries": {
3 "@nextui": {
4 "url": "https://tinistudio.vercel.app/r/{name}.json",
5 "headers": { "Authorization": "Bearer ${NEXTUI_TOKEN}" }
6 }
7 }
8}

Related

All components
Pro

Style marquee cardNew

Feature card with rows of style tags drifting in alternating directions behind faded edges, above a short headline.

Folder card

Folder that opens on hover and fans out the files inside.

Smart PDF stackNew

A file card with paper sheets and tilted profile cards behind it that rise in on enter and fan out on hover.

Sign in

You completed
21 tasks 🎉

Well done! Keep it up, see you tomorrow.

Pro

Unlock Celebration card

Celebration card and 8 more Pro items: components, blocks and themes. Pay once, keep everything, including what we add next.

$199$99onceFounder price

  • All 9 Pro items: copy, CLI or registry
  • Every Pro block, template and theme tool
  • Lifetime updates, unlimited commercial projects
Compare plans

This component is part of Pro

Preview it freely. Unlock the code and CLI install with a Pro license.

You completed
21 tasks 🎉

Well done! Keep it up, see you tomorrow.

Pro

Unlock Celebration card

Celebration card and 8 more Pro items: components, blocks and themes. Pay once, keep everything, including what we add next.

$199$99onceFounder price

  • All 9 Pro items: copy, CLI or registry
  • Every Pro block, template and theme tool
  • Lifetime updates, unlimited commercial projects
Compare plans