Pre-built UI components thathelp you ship websites faster

Explore 60+ React UI components and landing page blocks featuring smooth animations and interactive effects. Build stunning, responsive websites faster with ready-to-use components for React and Next.js.Explorecomponents
React
Tailwind
TypeScript
Motion
Shadcn
Kivi UI component preview

Why developers choose Kivi.

Opinionated defaults, polished motion, and responsive layouts that help teams ship production-ready interfaces faster.

Kivi UI
Remote MCP
Local MCP
Lovable
StackBlitz
v0
Cursor
VS Code
Zed
Google Antigravity

MCP Integration

Connect Kivi UI with your favorite AI tools and editors using the Model Context Protocol. Easily browse, search, and insert components.
bash - terminal

Simple CLI

Add only the components you need directly into your codebase with one simple command. No lock-in, fully editable code.

Smooth Animations

Natural animations and transitions built with Framer Motion. Every component is designed to feel responsive and fast.
Kivi UI
Next.js
Cursor
v0
Lovable
Claude Code
Bolt.new
VS Code

Modern Tech Stack

Built with tools you already know and use: React, Next.js, and Tailwind CSS. Clean, standard code with no hidden complexity.

Production-ready UI blocks

Drop these pre-configured blocks straight into your project.

Welcome backEnter your credentials to access your workspace.
OR

Auth Pages

Complete sign up and login flow with smooth tabbed layout animations and robust validation.

Testimonial Arc

A gorgeous curved layout for social proof, built with precision masking and Framer Motion.

Trusted by developers worldwide

β€œJay's Kivi UI is the best design system we've integrated. It took our product from feeling like a prototype to feeling like an elite application in days.”

Loved by developers & designers.

See what engineers, creators, and founders have to say about building with Kivi UI.

Darshit Dudhaiya
Darshit Dudhaiya
@DarshitDudhaiya

"Premium UI libraries are underrated until you have to build everything from scratch. Congrats on the launch! πŸš€ Upvoted!"

Het Bhalani
Het Bhalani
@het_bhalani

"It’s amazing, feels good to see no slop UI✨"

Lior Peosa
Lior PeosaPeerlist Streamline Icon: https://streamlinehq.comPeerlist
@lior_peosa

"Looks great!! Congrats on the launch πŸŽ‰"

Toblas satzger
Toblas satzgerPeerlist Streamline Icon: https://streamlinehq.comPeerlist
@tolas_satzger

"Nice stuff!"

Dubem 🐳
Dubem 🐳
@dubemtheking

"This UI is mad cleanπŸ”₯"

Dhruvrajsinh Zala
Dhruvrajsinh Zala
@dhruvrajsinh_zala

"Bro, these components are amazing. The animations are smooth, unique, and really well done. Great work!πŸ’«"

Irbaaz Kadri
Irbaaz Kadri
@irbaazkadri

"a good block library can make building consistent interfaces much faster lets connect"

Dhruv Chotai
Dhruv ChotaiPeerlist Streamline Icon: https://streamlinehq.comPeerlist
@dhruv_chotai

"Amazing and cool components"

Sandeep Suthar
Sandeep SutharPeerlist Streamline Icon: https://streamlinehq.comPeerlist
@sandeep_suthar

"It is minimum premium design"

Tight Studio
Tight Studio
@tight_studio

"This looks clean πŸ”₯ the motion details make a big difference."

Kumuj | Organic Distribution
Kumuj | Organic Distribution
@KumujJain

"Momentum is building,hope it keeps climbing"

Het Bhalani
Het BhalaniPeerlist Streamline Icon: https://streamlinehq.comPeerlist
@het_bhalani

"original components, looks cool"

Vishal Paliwal
Vishal PaliwalPeerlist Streamline Icon: https://streamlinehq.comPeerlist
@vishal_paliwal

"It's looking premium! πŸ”₯"

Het πŸ‘½
Het πŸ‘½
@het_bhalani

"Wow! Very cool components ✨"

Darshit Dudhaiya
Darshit Dudhaiya
@DarshitDudhaiya

"Congrats on the launch! πŸŽ‰ Clean UI libraries save developers way more time than people realize. Wishing you lots of upvotes and feedback! Upvote Done πŸ‘"

Nakul Srivastava
Nakul SrivastavaPeerlist Streamline Icon: https://streamlinehq.comPeerlist
@nakul_srivastava

"Well Synced, maybe, You can change color of keys as well on press, like on pressing of key, you are animating keys, but changing color will make it more easily noticeable & enhance this."

Mac
Mac
@mac_dev9

"This is great"

Tight Studio
Tight Studio
@tight_studio

"The hover animation detail is a nice touch ✨"

Gokul Ramesh
Gokul RameshPeerlist Streamline Icon: https://streamlinehq.comPeerlist
@gokul_ramesh

"That SFX sync sold me instantly"

NuralDhruv
NuralDhruv
@dhrruvchotai

"Amazing broo! πŸ”₯"

Utpal
Utpal
@utpal_raj1609

"Looks cool, man"

Darshit Dudhaiya
Darshit Dudhaiya
@DarshitDudhaiya

"KIVI UI looks absolutely amazing!"

Billy Dyball
Billy Dyball
@billy_dyball

"Looks so clean, well done"

Tight Studio
Tight Studio
@tight_studio

"Impressive work, keep building πŸ”₯"

✝️
✝️
@whisper_faith0

"Wow that’s good"

Satish Solera
Satish Solera
@SatishSolera

"Cool"

Reviewed by the community.

Creators across the web are showcasing Kivi UI. Here's a recent live review.

Manu Arora on Kivi UI

The project is excellent, the components are outstanding, and the design is simply great. You should secure a domain and start spreading the word about this. Be sure to add unique components that help people build websites faster and make them truly stand out.

Manu AroraFounder Β· Aceternity

Watch on YouTube

Frequently Asked Questions

Can't find what you're looking for? Visit our Help Center.

Yes. Kivi UI is completely free for both personal and commercial projects. You cannot resell or redistribute the components as a standalone UI kit.

Kivi UI - React Components with Smooth, Beautiful Animations

Kivi UI is a React component library built with Tailwind CSS and Framer Motion. It provides animated, accessible, and customizable UI components for modern web applications.

Interactive Component Showcase

Explore interactive component demos including animated buttons, shiny buttons, spotlight cards, animated avatars, docks, typewriter animations, and 3D globes.

Why Engineers Choose Kivi UI

Light & Dark Mode Support

Every component ships with tuned design tokens for light and dark themes. WCAG-AA compliant color contrast works out of the box with zero custom overrides required.

CLI & Shadcn Integration

Scaffold and extend your UI system using the Kivi UI CLI (`npx kiviui-cli add <component>`) or shadcn registry.

Mobile-First Responsive Layouts

Tested down to 320px breakpoints with touch and pointer parity and fluid typography scales.

Smooth Intentional Motion

Built with Motion (Framer Motion) running at 60fps with GPU acceleration and native prefers-reduced-motion support.

Developer Reviews and Community Testimonials

"The project is excellent, the components are outstanding, and the design is simply great." - Manu Arora (Founder, Aceternity UI)

Quick Documentation Links