Question 1

What is Valvet UI?

Accepted Answer

Valvet UI is a premium collection of beautiful, accessible React components built with Tailwind CSS, GSAP, and Framer Motion. You can copy and paste components directly into your project or install them via CLI.

Question 2

Is Valvet UI free?

Accepted Answer

Valvet UI offers both free and premium components. Many components are available for free, while advanced components with premium animations require a Pro subscription starting at $9/month.

Question 3

How do I install Valvet UI components?

Accepted Answer

Run 'npx valvetui init' in your terminal to set up your project, then use 'npx shadcn add @valvetui/component-name' to install any component. Components are added directly to your codebase.

Question 4

Does Valvet UI work with Next.js?

Accepted Answer

Yes! Valvet UI is built for React and works perfectly with Next.js (both App Router and Pages Router), Vite, Create React App, Remix, and any other React framework.

Question 5

What animations are included?

Accepted Answer

Valvet UI includes premium GSAP and Framer Motion animations including scroll animations, hover effects, page transitions, text effects, and more. All animations are optimized for performance.

Question 6

Can I customize the components?

Accepted Answer

Absolutely! All components are added to your codebase as source files, not as a package dependency. You have full control to customize colors, sizes, animations, and functionality.

Interactive Gradient

Dependencies

Installation

Usage

Interactive Gradient

Dependencies

Installation

Usage

Interactive Gradient — Free React & Next.js Hero Component

Installation

Category

Tags

Dependencies

Interactive Gradient

Dependencies

Installation

Usage

Interactive Gradient — Free React & Next.js Hero Component

Installation

Category

Tags

Dependencies

Interactive Gradient

Dependencies

Installation

Usage