OpenSourceUI components

Opensource UI: Free, open-source, and production-ready components for React and Next.js. Powered by TypeScript, Tailwind CSS, and lucide icons

Components: 208
Framework: React
Stack: React, TypeScript, Tailwind
License: MIT
GitHub stars: 685
Source: https://github.com/bidyut10/opensourceui
Website: https://opensourceui.in

All OpenSourceUI components

Add To Cart Button
Analog Clock Widget
Annotated Text
Annotations
App Dock
Apple Hello Loader
Apple Ipod Mockup Card
Apple Notification Banner
Apple Watch Mockup Card
Arc Bands Background
Audio Recorder Widget
Aurora Background: Soft aurora wash with lime, mint, cyan, and blue blobs over a warm paper base — wrap any page section or hero and pass children on top.
Battery Face Widget
Blob Profile
Bluetooth Face Widget
Booking Slot Calendar
Bookmark Save Button
Brands
Browser Mockup Card
Cafe Menu Board Card
Calendar Reminder Notification Banner
Chat Bubble Notification Banner
Checkbox Field Input
Cherry Petal Background
Cinder Latch Button
Cinema Ticket Card
Circle Cut Frame
Combobox Field Input
Compass Widget
Contact Form
Contact Profile Card
Copy Button
Copy Email: Copies the maintainer email on click — no mailto / mailbox popup. Hover shows “Click to copy”; after click shows “Copied”.
Coral Glow Background
Credit Card Glass
Customers Table
Daily Activity Calendar Widget
Daily Motivation Card
Dark Arc Bands Background
Dark Aurora Background
Dark Carbon Spotlight Background
Dark Ember Background
Dark Ink Field Background
Dark Midnight Mesh Background
Dark Rose Noir Background
Dark Teal Depth Background
Date Field Input
Date Range Picker Card
Delivery Notification Banner
Denim Product Editorial Card
Deploy Notification Banner
Depth Outline Button
Diagonal Box Pattern
Dimple Switch
Discord Chat Card
Dnd Face Widget
Dot Grid Pattern
Download Button
Drop Cap Editorial Card
Editor Tool Dock
Editorial Quote Card
Editorial Staff Profile Card
Electric Scooter Widget
Email Notification Banner
Event Countdown Card
Event Ticket Card
Facebook Post Card
File Menu Dropdown
File Upload Field Input
Film Strip Card
Filter Sort Dropdown
Fine Grain Pattern
Flight Arrival Widget
Flight Boarding Card
Floating Label Field Input
Focus Breath Widget
Follow Button
Forgot Password Form
Frost Mesh Background
Gallery Grid Card
Gallery Wall Card
Github Contribution
Github Repo Card
Glass Overlay Image Card
Graph Paper Pattern
Halftone Pop Background: Pop-art background of halftone dots over a gradient.
Hard Shadow Polaroid Frame: Polaroid frame with a crisp inner border, thick caption chin, and hard offset shadow — pass caption and any image or video as children.
Heart Rate Widget
Hold To Delete Button
Honey Ember Background
Hydration Widget
Incoming Call Notification Banner
Ink Stamp Document Card
Ink Wash Background
Input Group Field
Inset Button
Instagram Post Card
Ios Calender Widget
Ios Digital Clock Widget
Ios Earbuds Widget
Ios Map Location Widget
Journal Writing Card
Kebab Actions Dropdown
Keyboard Shortcuts Card
Laptop Mockup Card
Like Button
Line Grid Pattern
Linen Tab Button
Linen Weave Background
Linked In Post Card: Card that reproduces a LinkedIn post: author, text, image and reaction bar.
Linked In Profile Card: Card that reproduces a LinkedIn profile: cover, avatar, name, headline and connect button.
Login Form
Mac Dock
Magazine Cover Card
Minimal Agenda Widget
Mint Lagoon Background
Month Picker Calendar
Museum Placard Card
Music Player Card
Music Playlist Card
Newsletter Form
Notepad Card
Notification Dropdown
Now Playing Bar
Opensource Folder Tab Card
Orders Table
Otp Boxed Input
Otp Underline Input
Paper Fold Background
Password Field Input
Payment Notification Banner
Phone Field Input
Phone Mockup Card
Photo Album Card
Photo Contact Sheet Card
Polaroid Image Card
Pomodoro Widget
Presence Dock
Prism Depth Button
Progress Ring Card
Quantity Stepper Button
Radio Group Field Input
Rain Prism Background
Recent Transactions Table
Recorder Face Widget
Resource Links Panel
Retail Price Tag Card
Reverse Diagonal Box Pattern
Ride Pickup Widget
Sand Drift Background
Search Input
Segmented Toggle Button
Select Field Input
Share Menu Dropdown
Sheen Pill Button
Signup Form
Slate Chip Switch
Sleep Score Widget
Slide To Confirm Button
Slow Living Polaroid Card
Soft Pill Button
Soft Spotlight Background
Soft Ui Button
Spin Loader: Minimal spinning loader built on a lucide icon — defaults to Loader, but pass any icon prop. Sizes: sm, md, lg.
Spotlight Bar
Stacked Cards Effect
Stacked Folder Card
Stamp Postcard Card
Step Count Widget: Fitness widget showing the day's step count with a circular progress ring toward the goal.
Sticky Note Polaroid Frame: Polaroid-style frame with a paper-clipped sticky note overlay — pass noteHeader, noteBody, noteFooter, and any image or video as children.
Stopwatch Widget
Sunrise Horizon Background
Sunset Bloom Background
Switch Field Input
System Alert Banner
Tablet Mockup Card
Tasks Table
Team Member Card
Team Member Profile Grid
Team Members Table
Terminal Log Card
Terrazzo Fragment Background
Testimonial Card
Text Field Input
Text Loader: Animated text loader with a spinning color orb and staggered letter pulses. Pass text, variant, and textColor to match your UI.
Textarea Field Input
Thermal Receipt Card
Threads Post Card
Three D Button
Three D Icon Button
Toast Notification Banner
Toggle Pricing Cards
Torch Face Widget
Transform Box Frame
Transform Plus Frame
Travel Postcard Card
Tropical Tide Background
Twitter Post Card
Twitter Profile Card
User Menu Dropdown
User Profile Card
Users Select Table
Voice Assistant Widget
Wallet Pass Card
Weather Snapshot Card
Week Strip Calendar
Wifi Toggle Widget
Workspace Switcher Dropdown

OpenSourceUI components

All OpenSourceUI components

Browse by category