stackpicks.dev
Back to gallery
markmead/hyperui on GitHub — Free Tailwind CSS v4 components for your next project, designed to enhance your web development with the latest features and styles 🚀
markmead
Built bymarkmead/

hyperui

Free Tailwind CSS v4 components for your next project, designed to enhance your web development with the latest features and styles 🚀

Stars
12.1k
Forks
503
Watchers
12.1k
Open issues
2
HTMLMIT main Updated 8 hours ago~7 stars/day lifetime
Open on GitHubHomepage
Editor's take

Free Tailwind UI blocks — heroes, pricing tables, cards, navigation. Copy-paste sections for marketing sites. ~11k stars. Best for non-designers who need to ship a marketing page fast.

Use this if

You need marketing site sections and you don't want to design from scratch.

Skip if

You need full-stack components like Forms or Tables — pick shadcn/MUI.

UI Components
Topics
accessibilitycomponentscssdesign-systemfrontendhtmltailwindtailwindcsstailwinduitemplatesui
Quick install
# Clone + explore:
git clone https://github.com/markmead/hyperui
cd hyperui
# Then read the README below for setup steps.

Inferred from HTML · always double-check against the official README below.

README — rendered from markmead/hyperui

HyperUI

Free, open-source Tailwind CSS components for marketing sites, web apps, and eCommerce projects.

Browse components on hyperui.dev, copy the markup, and paste it into your Tailwind CSS project.

Use HyperUI

There is no package to install.

  1. Find a component on hyperui.dev.
  2. Copy the code.
  3. Paste it into your project.

Run the site locally

pnpm install
pnpm dev
pnpm run css:component --watch

To preview the blog styles, execute: pnpm run css:blog.

Contributing

Please open an issue first before starting work.

License

MIT

Live data via GitHub REST API · Cached 30 min · Created 12 Nov 2021