.svg){kind=icon}
A collection of modern, interactive, customizable UI components built. Quick and easy to use.
Access a collection of free-to-use, standalone components with KokonutUI. Each component is designed with Tailwind CSS, and optional library such has shadcn and Framer Motion.
An archive of 1,500+ Design Resources.
Discover highly useful Design Resources & Tools.
A growing archive of 1,500+ design resources, frequently updated for the community.
Become a Better Designer. The Fun way.
Learn to design better UI with practical visual examples & in-depth landing page teardowns. Join 100s of developers & junior designers who strive to become better in UI & UX design!
A collection of popular CSS layouts and patterns that you can use right away
an open-source (MIT License) collection of smooth animated icons for your projects. feel free to use them, share your feedback, and let's make this library awesome together.
An adaptive design system for extending Tailwind.
A complete design system and component solution, built on Tailwind.
Skeleton is an open source UI toolkit built with Svelte + Tailwind that allows you to create reactive web interfaces using Svelte + Tailwind CSS.
Skeleton integrates with Tailwind to provide an opinionated solutions for themes, colors, typography and more. Including easy to use components for your favorite web frameworks
A light-weight CSS framework to quickly implement skeletons into your projects.
A devtool panel for debugging Atomic CSS rules as if they were not atomic
Beautiful UI components built with Tailwind CSS and Next.js.
Origin UI is an extensive collection of copy-and-paste components for quickly building app UIs. It's free, open-source, and ready to drop into your projects.
Font Compare is an easy way to dynamically compare locally hosted fonts.
Hurmet is a rich-text editor that gives you the ability to create high quality calculation documents using standard math notation.
Hurmet calculations are much easier to read and check than spreadsheet calculations. Hurmet does not hide the active expressions and intermediate values of a calculation. They’re all open for review in the displayed document.
Vue Port of Radix UI.
Unstyled, accessible components for building high‑quality design systems and web apps in Vue.
An open-source UI component library for building high-quality, accessible design systems and web apps.
An HTML pre-processor for web typography. Typeset provides typographic features used traditionally in fine printing which remain unavailable to browser layout engines.
OpenFreeMap lets you display custom maps on your website and apps for free.
You can either self-host or use our public instance. Everything is open-source, including the full production setup — there’s no ‘open-core’ model here. Check out our GitHub. The map data comes from OpenStreetMap.
Laravel Blade UI Components for Livewire 3.
Gorgeous Laravel Blade UI Components made for Livewire 3 and styled around daisyUI + Tailwind.
World's most performant DOM-based table.
A multithreaded web table, capable of running 120fps while sorting/filtering/scrolling simultaneously.
Mobile web component library based on Svelte and Tailwind.
A collection of tiny, reusable, UI components — wrapped in a helpful app layout with header, side bar, dark mode, and more.
TinyWidgets uses React for DOM manipulation, Vanilla-Extract at build-time for styling, Lucide for icons, and TinyBase for state management. Its philosophy is all about simplicity, decent defaults, a streamlined DOM, and concise styling.
Transition and format numbers.
A React component to transition, localize, and format numbers. Dependency-free. Accessible. Customizable.
Protect your online privacy and rights by learning about dark patterns and unethical designs. Stay informed and avoid manipulation in the digital world.