HyperUI - Free open source Tailwind CSS component library

HyperUI is a free, open-source component library built with Tailwind CSS that gives you ready-to-use HTML snippets for a wide range of web projects. Rather than installing a package, you simply browse the collection, preview components at different breakpoints, and copy the code directly into your project. The library spans three distinct style categories—application UI, marketing, and neobrutalism—making it useful whether you're assembling a dashboard, a landing page, or a bold editorial layout. It's maintained on GitHub under the MIT license, so there are no restrictions on personal or commercial use.

What's included

• Application UI components including accordions, modals, tabs, toggles, dropdowns, and form elements
• Marketing sections such as headers, footers, CTAs, pricing tables, FAQs, and newsletter signups
• Neobrutalism-styled components covering buttons, cards, badges, alerts, inputs, and progress bars
• eCommerce-oriented blocks like product cards, product collections, and cart components
• Data display elements including stats, tables, timelines, and detail lists
• Navigation patterns such as breadcrumbs, side menus, vertical menus, and pagination
• Form building blocks spanning checkboxes, radio groups, selects, textareas, and file uploaders

Ideal for

• SaaS marketing websites needing hero sections, feature grids, and pricing layouts
• Admin dashboards and internal tools requiring form inputs, tables, and navigation
• eCommerce storefronts that need product cards, cart UI, and collection displays
• Developer side projects where speed matters more than custom design
• Prototyping interfaces quickly without writing component markup from scratch

Components included

• Over 60 component groups organized across application, marketing, and neobrutalism categories
• Application UI covers inputs, loaders, empty states, button groups, dividers, skip links, and more
• Marketing components include blog cards, logo clouds, team sections, announcements, banners, and polls
• Neobrutalism variants offer a distinctive thick-border aesthetic applied to common UI patterns

Good to know

• There is no npm package or installation step—every component is plain HTML that you paste into any Tailwind CSS project
• Dark mode is supported on many components but not all; coverage is actively expanding
• Components can be previewed in LTR mode and at small, medium, and large breakpoints before copying
• Licensed under MIT, so you're free to use and modify everything in client and commercial work