Modern React Components
for Real-World Applications

Build polished interfaces faster with reusable components, multiple themes, reliable UI patterns, and comprehensive documentation - all powered by Hummingbird.

Get started View components

Every detail, considered.

A sensible UI system built around clean code, a minimal footprint, and a developer experience that's a joy, not a chore.

Modular Components

Reusable components designed to handle complex UI logic.

Fully Customizable

Tweak any component using Tailwind utilities or design tokens.

Easy Theming

Customize colors and styles with minimal CSS variable changes.

Reliable Foundations

Built on Radix primitives for accessible, predictable interactions.

Structured for Scale

Consistent design patterns for better maintainability across components.

Built for Optimization

Tree-shakable. Small bundles. Production-ready out of the box.

Every component you need is ready for production

Stop rebuilding common UIs. Hummingbird gives complete freedom for pixel-perfect tweaks - plus full Tailwind flexibility.

Code Sample

<Card className="w-59 p-2 rounded-2xl">
  <Card.Image position="top" src="/images/hamstar.webp" alt="A Hamstar" />
  <Card.Body className="px-0">
    <Card.Title className="text-base!">
      10 Fascinating Animal Facts
    </Card.Title>
    <Card.Text className="text-xs text-muted mb-0">
      Discover surprising traits and behaviors from creatures big
      and small.
    </Card.Text>
  </Card.Body>
  <Card.Footer className="p-0 flex items-center justify-between">
    <a className="text-xs text-muted no-underline" href="#">
      12 min read
    </a>
    <BookmarkButton />
  </Card.Footer>
</Card>

10 Fascinating Animal Facts

Discover surprising traits and behaviors from creatures big and small.

12 min read

Color themes, perfected.

Start with thoughtfully designed themes. Customize effortlessly while preserving a cohesive visual experience.

Production-ready UIs, out of the box

Hummingbird provides production-ready components. Filter by category or use-case to find what you need.

Accordion

2 components

Alert

6 components

Avatars

10 components

Button

15 components

Checkbox

6 components

Dropdown Menu

15 components

Input

8 components

Tooltip

4 components

View all Components

Frequently Asked Questions

Everything you need to know about Hummingbird, our community component registry for Hummingbird.

Hummingbird UI is an open-source component framework built on Tailwind CSS. It provides production-ready UI components with semantic markup, flexible theming, and a scalable design system.

Ship your next project faster

Spend less time on boilerplate and more time on the features that matter. Start your next project with Hummingbird to finally have it all.

Explore Hummingbird

Modern React Components for Real-World Applications