๐ด Frontend Components

Tags Input - Dice UI
diceui.comA collection of composable, unstyled UI primitives for building accessible web applications.
KokonutUI
kokonutui.comCopy, Paste, Customize. A collection of modern, interactive, customizable UI components. Quick and easy to use.
Retro Styled React UI Library | Retro UI
retroui.devRetroUI - Retro styled component library built with React and TailwindCSS for modern web apps.BProgress - Lightweight progress bar
bprogress.vercel.appA lightweight and customizable progress bar for better user experience.
Vision UI
vision.uing.devUI Experiment for Vision OS
pqoqubbw/icons
icons.pqoqubbw.devbeautifully crafted animated icons
usehooks-ts
usehooks-ts.comReact hook library, ready to use, written in Typescript.
CuiCui | High-Quality React and Tailwind Components for Copy-Paste
cuicui.dayCuiCui is a modern UI copy paste library that helps you build beautiful websites and applications as easy as copy paste.
Motion - A modern animation library for JavaScript and React
motion.devMotion is built on native browser APIs for a tiny filesize and superfast performance. It uses hardware acceleration for smooth and eco-friendly animations. Previously Framer Motion.
A shadcn/ui country dropdown
shadcn-country-dropdown.vercel.appAn ISO 3166 compliant dropdown component for selecting a country.Create Next App
react-confirm-dialog.vercel.appGenerated by create next app
awesome-shadcn-ui
awesome-shadcn-ui.vercel.appA curated list of awesome things related to shadcn/uiLotru
lotru-ui.comA design system for building web applications
Fancy Components
fancycomponents.devReady to use, fancy React components to make the web fun again. Free & Open Source.
Vaul Base
vaul-base.vercel.appAn unstyled drawer component for React, built with Base UI. Features gesture-driven animations and serves as a replacement for Dialog on mobile and tablet devices.Plan Your Work
planner-tau-two.vercel.appA simple calendar app to help you plan your work.Onborda Demo - Next.js Onboarding Flow!
onborda.devA modern onboarding flow for Next.js applications!
Glide Data Grid
grid.glideapps.comA no-compromise, outrageously fast react data grid, with rich rendering and TypeScript support.@omi3/ui - audio components for the web
omi3-ui.vercel.app@omi3/ui is a registry for audio components.
Apple Hello Effect | HextaUI
hextaui.comCreate a writing effect similar to Apple's website using Framer Motion.
Animate UI
animate-ui.comFully animated, open-source component distribution built with React, TypeScript, Tailwind CSS, Motion and Shadcn CLI. Browse a list of components you can install, modify, and use in your projects.Remix Utils | Remix Resources
remix.runA set of utility functions and types to use with Remix.run
React Native Paper
reactnativepaper.comReact Native Paper is a high-quality, standard-compliant Material Design library that has you covered in all major use-cases.
gluestack: React & React Native Components & Patterns
gluestack.ioCopy-paste universal, accessible and beautifully designed components & patterns crafted with Tailwind CSS (NativeWind) for React Native, Next.js, Expo & React.
Powerful Data-Table for React | OpenStatus
data-table.openstatus.devFlexible, fast, and easy-to-use filters with tanstack table, shadcn/ui and search params via nuqs.
NumberFlow for React - An animated number component
number-flow.barvian.meA React component to animate numbers. Dependency-free. Accessible. Customizable.
Form design - Co-op Experience Library
coop.co.ukFind out how to design forms for digital products and services for Co-op.
Introduction
emblor.jaleelbennett.comA highly customizable, accessible, and fully-featured tag input component built with shadcn/ui.
Components are building Blocks
stunningui.designStunning UI is a collection of interactive Tailwind CSS components built for Vue and Nuxt.
Justd
getjustd.comJustd offers customizable, accessible React components with Tailwind CSS, ready for easy copy and paste into your projects.
Dice UI
diceui.comUnstyled ui component library.
โK
cmdk.paco.meFast, composable, unstyled command menu for React.Nyxb UI
nyxbui.designBeautiful UI components and templates to make your landing page look stunning.
SortableList - cult/ui
cult-ui.comAn animated sortable list
A micro-animations library
useanimations.comAnimated icons in Lottie Framework and for immediate implementation to your apps or websites.
React Wheel Picker
react-wheel-picker.chanhdai.comiOS-like wheel picker for React with smooth inertia scrolling and infinite loop support.
Open Source CSV Excel Importer
impler.ioBuild the best CSV Excel Import Experience for SaaS in 10 Minutes. Onboard customer's data with a hassle-free data importer in your app.
Remotion | Make videos programmatically
remotion.devremix-image - Remix Guide
remix.guideA React component for responsive images in Remix
Marcosfitzsimons/multi-step-form: Next.js-powered multi-step form with elegant UI, custom data management hook, and Framer Motion for smooth step transitions.
github.comNext.js-powered multi-step form with elegant UI, custom data management hook, and Framer Motion for smooth step transitions. - Marcosfitzsimons/multi-step-formFamily Wallets
kbo.skHow I built the Family wallet interaction.
Origin UI - Beautiful UI components built with Tailwind CSS and React
originui.comAn extensive collection of copy-and-paste components for quickly building app UIs. Free, open-source, and ready to drop into your projects.Gantt
kibo-ui.comThe Gantt chart is a powerful tool for visualizing project schedules and tracking the progress of tasks. It provides a clear, hierarchical view of tasks, allowing you to easily identify manage project timelines.enhanced-button
enhanced-button.vercel.appAn enhanced version of the shadcn-button component
Launch UI
launchuicomponents.comLanding page components built with React, Shadcn/ui and Tailwind that you can copy/paste into your project.
UI Beats | Gradient Flow
uibeats.com
Counter Animation 1 | lndev/ui
ui.lndev.meCounter Animation 1
21st.dev - The NPM for Design Engineers
21st.devShip polished UIs faster with ready-to-use React Tailwind components inspired by shadcn/ui. Built by design engineers, for design engineers.
Editor | JSON For You | The best online JSON tool
json4u.comOnline JSON view, format, minify, validate and compare. It also provides graph view to preview JSON data, semantic comparing two JSON diffs, convert JSON to CSV or CSV to JSON and support jq online.