About HyperUI
HyperUI is a free collection of Tailwind CSS components that you can copy into your projects. It covers marketing pages, application screens and a set of neobrutalist styles.
What it does
The site groups components into application, marketing and neobrutalism sets. Examples include cards, buttons, forms, banners and charts. Each one is shown with a preview, and you copy the Tailwind markup straight into your code. The site also has small browser tools for generating dark mode variants and checking typography scales.
Key features
- Application components such as dropdowns, lists and charts
- Marketing blocks such as CTAs, pricing and contact forms
- Neobrutalism style components
- Dark mode variant generator in the browser
Who it's for
Developers who build with Tailwind CSS and want starting points for landing pages or admin screens. Designers who need a quick coded preview of an idea can also use the examples as a reference.
Pricing and good to know
HyperUI is free and released under the MIT license. The code is on GitHub, so you can read it or change it. The components are generic, so expect to adjust colours, spacing and copy to fit your brand.
Highlights
- Copy-paste Tailwind CSS markup for common sections
- Application components such as charts and dropdowns
- Marketing blocks such as pricing and contact forms
- Dark mode variant generator in the browser
