Build Better InterfacesFree

Building for the web has never been easier. Creating something memorable still takes care. Opensource UI is a copy-paste library of thoughtfully crafted, production-ready components — pick one, drop the code in, and ship interfaces that feel polished, intentional, and worth sharing. MIT licensed — free for personal and commercial use.

Obsessively Detailed. Effortlessly Beautiful.

Designed with precision, from the frame curves to the smallest hardware details, so your apps and websites look as polished as the products they deserve.

Premium Finishes,Endless Possibilities.

Choose from beautifully crafted color variants like Titanium, Space Gray, and more. Every finish is meticulously designed with realistic materials, accurate hardware details, and pixel-perfect precision to make every presentation feel premium.

Designed to Blend In. Built to Stand Out.

Wrap your UI in light, dark, or transparent browser chrome. Pick a theme, drop in your screenshot, and present web work that feels finished before you ship.

Draw attention where it matters most with clean, customizable annotations. Add arrows, labels, and callouts to explain features, document interfaces, and create presentations that communicate with clarity and confidence.

Designed to Keep Time in Style.

Explore carefully designed clock variants that balance functionality, elegance, and customization for any project.

Interactive Components That Feel Alive.

Polished widgets inspired by modern design systems, built with smooth interactions and thoughtful details that users notice.

Writing That Feels Natural.

Designed to feel like a real writing space, complete with a notebook layout, live word count, save indicators, and an experience that encourages focused writing.

How They're Crafted.

Built on the stack you already trust — React and Next.js for components that fit your app, TypeScript for props you can rely on, Tailwind CSS v4 for styling that stays in your codebase, and Lucide for icons. Every file is production-ready, readable, and yours to own.

A Developer Experience You'll Love.

Search for a component, open it, and everything is right there — preview up top, details and code below. No digging, no extra steps. Copy and paste into your project when you're ready — MIT licensed, free for personal and commercial use. No install, no lock-in.

export function Card() {
  return <div />;

What People Are Saying.

Real feedback from Product Hunt and Twitter — on cohesion, spacing, typography, and how easy the components are to drop into real projects.

Resources & Sponsors.

Tools, people, and services that power Opensource UI — plus a spot for sponsors who want to support the project.