'/%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_34526_29939'%20x1='18.0887'%20y1='-2.5233'%20x2='39.9227'%20y2='49.1967'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%231E90FF'/%3e%3cstop%20offset='0.5'%20stop-color='%230074E6'/%3e%3cstop%20offset='1'%20stop-color='%23003970'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e)
Free & open source ยท MIT
Hummingbird UI Kit
A free, open-source UI kit powered by Hummingbird Tailwind component library. Colors, themes, typography and 50 components, ready to copy into any HTML project.
Foundations
The design tokens every component is built on.
Colors
Semantic colors, surface and text tokens, and the full color palette.
Themes
Light and dark mode out of the box, plus eight prebuilt color themes.
Typography
Headings, display text, paragraphs, lists, blockquotes and inline text styles.
Components
Every Hummingbird component, grouped by purpose, with live previews and copyable code.
Basic
10 componentsButtons, badges, avatars, loaders, progress bars and other building blocks.
Navigation
6 componentsNavbars, tabs, breadcrumbs, pagination, list groups and scrollspy.
Overlays
6 componentsModals, offcanvas panels, dropdowns, tooltips, popovers and toasts.
Feedback & Data
7 componentsAlerts, cards, accordions, carousels, tables and custom scrollbars.
Content & Layout
7 componentsGrid, columns, containers, images, video, backgrounds and shadows.
Forms
10 componentsInputs, selects, checkboxes, radios, switches, ranges and validation.
Advanced Forms
4 componentsSearchable selects, date & time pickers, range sliders and file uploaders.
Quick start
Requires Node.js 20.19+. Install the dependencies, start the dev server and open
http://localhost:3000.
npm install
npm run dev
Run npm run build to export plain static HTML, CSS and JS to dist/. You can upload
that folder to any static host.