Vividora UI
NewVividora UI v1.0 is here

Build modern websites faster

Beautiful, animated UI components built with Tailwind CSS and Framer Motion. Copy, paste, and ship.

App.tsx
// Just copy and paste
import { Button } from '@/components/ui/button'
export default function App() {
return (
<Button variant="default">
Click me
</Button>
)
}

Built with modern technologies

Featured Components

Beautiful, responsive UI components built with Tailwind CSS and Framer Motion. Copy, paste, and customize.

Form
Radio Group

Radio Group

A customizable radio group component with beautiful animations and gender selection icons.

Button
Tooltip Button

Tooltip Button

An animated button with a floating tooltip and gradient effects.

Button
Arrow Button

Arrow Button

A button with smooth arrow animations and hover effects.

Card
Document Card

Document Card

A modern document card with hover animations and file type indicators.

Card
Featured Card

Featured Card

A featured card with hover animations and icons.

Feedback
Toast

Toast

A beautiful toast notification component with multiple positions and types.

Quick Start

Get started in seconds. Install components with your favorite package manager.

npx vividora-ui add button
Usage Example
import { Button } from "@/components/ui/button"

export function MyComponent() {
  return (
    <Button variant="default">
      Click me
    </Button>
  )
}

Loved by Developers

See what developers are saying about VividoraUI components.

"VividoraUI components saved us weeks of development time. The animations are buttery smooth and the code is clean."

AC

Alex Chen

Senior Frontend Engineer at TechFlow

"Finally, a component library that gets animations right. Our users love the micro-interactions."

SM

Sarah Miller

Product Designer at DesignCraft

"The Framer Motion integration is seamless. We shipped our landing page in half the time."

JW

James Wilson

Full Stack Developer at StartupLabs