🚀 HyperUI

HyperUI is a modern collection of beautifully designed, fully responsive, and accessible Tailwind CSS components.

Build landing pages, SaaS apps, dashboards, eCommerce stores, AI products, and admin panels faster using copy-paste UI components optimized for modern development workflows.

Table of Contents

• Getting Started
• Usage
• Components
  • 🤖 Application
  • 📣 Marketing
  • ◼️ Neobrutalism
• Contributing
• License

Getting Started

There is no HyperUI installation, if you have a Tailwind CSS project, you can copy the code and paste it into your project.

Usage

Browse the website for the components you need, copy the code and paste it into your project.

1. Browse the website for a component you like.
2. Preview the component at different breakpoints and check its compatibility with:

• LTR
• Dark mode

3. Click on the 'Copy' button to copy the source code.
4. Paste the copied code into your project.

Note

Not all components support dark mode but this is being worked on.

Components

HyperUI has a wide range of freely available components. These components include:

Category	Components
Forms	Inputs, Selects, Checkboxes
Navigation	Tabs, Breadcrumbs, Menus
Feedback	Toasts, Loaders, Alerts

Application

• Accordions
• Badges
• Breadcrumbs
• Button Groups
• Checkboxes
• Details Lists
• Dividers
• Dropdowns
• Empty States
• File Uploaders
• Filters
• Grids
• Inputs
• Loaders
• Media
• Modals
• Pagination
• Progress Bars
• Quantity Inputs
• Radio Groups
• Range Inputs
• Selects
• Side Menu
• Skip Links
• Stats
• Steps
• Tables
• Tabs
• Textareas
• Timelines
• Toasts
• Toggles
• Vertical Menu

Marketing

• Announcements
• Banners
• Blog Cards
• Buttons
• Cards
• Carts
• Contact Forms
• CTAs
• Empty Content
• FAQs
• Feature Grids
• Footers
• Headers
• Logo Clouds
• Newsletter Signup
• Polls
• Pricing
• Product Cards
• Product Collections
• Sections
• Team Sections

Neobrutalism

• Accordions
• Alerts
• Badges
• Buttons
• Cards
• Checkboxes
• Inputs
• Progress Bars
• Selects
• Tabs
• Textareas

Contributing

You can contribute by adding new components, fixing bugs or improving the documentation. Please create an issue before starting any work. Once you get approval on your issue, you can create a new branch and submit your changes in a PR. Please note that all PRs need to be reviewed.

A detailed contributing guide on how to contribute including examples of adding new components is available on the HyperUI blog.

License

HyperUI is an open source project licensed under the MIT license.