Kivi UI
Introducing Blocks | Shaders

Pre-built UI components thathelp you ship websites faster

Prebuilt UI components, blocks, and templates to help you build faster and ship with confidence.Explorecomponents
React
Tailwind
TypeScript
Motion
Shadcn

Why developers choose Kivi.

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

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
Tailwind
Motion
Shadcn
React
Next.js
Radix
TypeScript
Lucide React
Hugeicons

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.”

See what you're getting.

Switch between real components and inspect the exact code you'll copy into your project.

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