Repolode
Submit
markmead

markmead/hyperui

A free, open-source collection of Tailwind CSS UI components you copy and paste into your own projects, with no package to install.

Open-source alternative to:Tailwind UI

View on GitHubWebsite
Stars
12,266
Forks
519
Open issues
1
Last commit
4 days ago

What is it?

HyperUI is a library of ready-made Tailwind CSS components for marketing sites, web apps, and eCommerce front ends. Instead of installing a package, you browse components on the hyperui.dev website, copy the markup, and paste it into a Tailwind CSS project.

The project itself is an Astro site that hosts the component catalog and a blog. Contributors can run it locally with pnpm and build component CSS in watch mode. Contributions are handled through issues first, followed by a contributing guide.

Because the components are plain HTML with Tailwind utility classes, they can be adapted directly to your own design and framework. The project is MIT licensed.

Key features

  • 01Components are plain HTML with Tailwind CSS utility classes.
  • 02No package to install; copy markup directly into your project.
  • 03Covers marketing sites, web apps, and eCommerce layouts.
  • 04Browsable catalog on hyperui.dev with a companion blog.
  • 05Built with Astro and pnpm for local development.

Use cases

  • Adding a landing page hero, pricing, or feature section to a Tailwind project quickly.
  • Building admin or dashboard UI pieces without designing every component from scratch.
  • Prototyping eCommerce product listings or checkout blocks with Tailwind classes.

Quick start

  1. 1

    Browse components on hyperui.dev and copy the markup

  2. 2

    Paste the copied code into your Tailwind CSS project; there is no package to install

Things to know

  • The components are copy-paste markup, so you must maintain them yourself and they do not update automatically.

In collections

Frontend frameworks & UI components

Topics

#tailwind-css#ui-components#frontend#css#html#design-system#accessibility#components#tailwind#tailwindcss

FAQ

What is hyperui?
A free, open-source collection of Tailwind CSS UI components you copy and paste into your own projects, with no package to install. HyperUI is a library of ready-made Tailwind CSS components for marketing sites, web apps, and eCommerce front ends. Instead of installing a package, you browse components on the hyperui.dev website, copy the markup, and paste it into a Tailwind CSS project.
Is hyperui free to use? What license does it have?
hyperui is open source under the MIT license. Check the license terms before using it in commercial products.
Is hyperui still maintained?
Actively maintained. The last commit to hyperui was on Oct 21, 2026.
What can I use hyperui for?
Adding a landing page hero, pricing, or feature section to a Tailwind project quickly. Building admin or dashboard UI pieces without designing every component from scratch. Prototyping eCommerce product listings or checkout blocks with Tailwind classes.
How do I install hyperui?
Browse components on hyperui.dev and copy the markup Paste the copied code into your Tailwind CSS project; there is no package to install
Where can I get hyperui?
The source code and installation instructions are on GitHub: https://github.com/markmead/hyperui

Summary generated by AI from the project's README. GitHub stats refresh daily.

Related projects