Opensource UI

154 free MIT React and Next.js components across 26 categories, copy-pasted from pages that serve the full TypeScript source in the HTML

Tier A · StrongComponent LibraryBlock Collectionopensourceui.in

(Visit opensourceui.in ↗)(Docs)(Repository)

Opensource UI is a copy-paste component library by Bidyut Kundu, built on React, Next.js, TypeScript and Tailwind CSS v4 with Lucide icons. The /components index lists 154 components in 26 categories: Buttons, Inputs, Forms, Otp, Calender, Notifications, Table, Socials, Profile, Widgets, Mockups, Docks, Dropdowns, Files, Folder, Gallery, Event, Pricing, Resources, Text, Travel, Underlines, Users, Wallet, Audio and Others. There is no npm package and no shadcn registry. Each component page carries a live preview, a numbered setup guide, the shared lib/cn.ts helper, and the complete component source, all rendered server side in the HTML. The dependency line is small: npm install clsx tailwind-merge lucide-react. The catalog mixes two kinds of work. One part is normal product furniture that an app needs: login, signup, contact, newsletter and forgot-password forms, thirteen field inputs with two OTP variants, six data tables, five calendars, a dropdown family, docks, a spotlight command bar, toggle pricing cards and a filter and sort control. The other part is novelty and presentation work that most libraries skip: browser, laptop and phone mockup frames for screenshots, analog and digital clocks, a GitHub contribution heatmap, health widgets for steps, heart rate, sleep and hydration, social post cards for Twitter, Instagram, Facebook, LinkedIn and Threads, editorial pieces like drop caps and magazine covers, and travel items like boarding passes and postcards. The whole set is MIT, free for commercial use, with no attribution required on the UI.

Install

npm install clsx tailwind-merge lucide-react

For an agent

Read the component pages directly with a plain fetch. Every /components/<slug> page serves the full TypeScript source inside the server-rendered HTML, so an agent gets working code without a browser, a CLI or an API key. That makes it one of the cheapest sources of real component code in this corpus. Start at /llms.txt, which names the URL patterns for pages, categories and search. There is no shadcn registry and no npm package, so do not look for /r/<name>.json or reach for a CLI: copy the file, add the cn() helper, and install clsx, tailwind-merge and lucide-react. Read the accessibility code before you ship a form: the login form does the work properly with htmlFor, aria-invalid, aria-live and autoComplete, but the user menu stops at aria-expanded and Escape with no arrow-key navigation and no focus return. Nothing in the library honours prefers-reduced-motion. Use it for the novelty layer that other libraries do not cover, notably the browser, laptop and phone mockup frames, the clocks and the social post cards. Do not use it as a base primitive kit, because there is no theming contract, no versioning and no test suite.

Why it is here. Most libraries with this much breadth either paywall the good half or hide the code behind a client-rendered viewer. This one is 154 components, MIT, in a public repository, with the source in the HTML and an llms.txt that explains the URL patterns. For an agent that must produce working React without an install step, that combination is rare.

Install command, framework, licence and component list.

Facts

License: MIT
Pricing: Free, Open source
Framework: React, Next.js
Styling: Tailwind CSS v4
Distribution: Copy-paste snippet, GitHub repository
Platform: Web
Content type: Code
Agent readiness: llms.txt, Copy-paste ready code, Readable open source, Structured documentation
Accessibility: Semantic HTML, Accessible, Known accessibility gaps
Maturity: Actively maintained
Pricing detail: Free. MIT licensed for personal and commercial use, with no attribution required on the shipped UI. No paid tier and no account. The site asks for sponsors and has none yet.
GitHub stars: 68

Components it ships

154 total

Helps you build

Notable for

154 components in 26 categories
full TypeScript source in the server-rendered HTML
MIT with no UI attribution required
browser, laptop and phone mockup frames
llms.txt that names the URL patterns

Provenance

Verified 2026-08-24. HTTP 200. https://opensourceui.in/ 200, 298 KB of server-rendered HTML; title "Opensource UI - Free, open-source, production-ready components for React & Next.js"; header shows "Star 66"; the stack section names React, Next.js, TypeScript, Tailwind CSS v4 and Lucide; footer reads "Made & maintained by Bidyut Kundu" and "MIT licensed - Free for personal and commercial use. No UI attribution required.". https://opensourceui.in/components 200, 1.04 MB; the page states "Explore 154 polished React and Next.js components, organized across 26 categories"; counted 154 distinct /components/<slug> links and 26 ?category= links in the HTML. https://opensourceui.in/components/login-form 200; setup steps read "npm install clsx tailwind-merge lucide-react", copy lib/cn.ts, create components/forms/login-form.tsx; the full source is in the HTML and contains aria-live, aria-invalid, htmlFor, sr-only and autoComplete, with no prefers-reduced-motion. https://opensourceui.in/components/user-menu 200; source carries aria-expanded, aria-haspopup and Escape handling, but no arrow-key navigation, no tabIndex management and no focus return. https://opensourceui.in/llms.txt 200, 1324 bytes, names the homepage, the components index, the GitHub repository, the MIT licence, the /components/{slug} and ?category= and ?q= URL patterns, and the stack. https://opensourceui.in/robots.txt 200, allows all agents except /api/, /dashboard, /lab and /ingest/. https://opensourceui.in/sitemap.xml 200 with 182 URLs. https://opensourceui.in/r/login-form.json and /registry.json both 404, so there is no shadcn registry. GitHub API for bidyut10/opensourceui: 68 stars, 5 forks, MIT, TypeScript, created 2026-06-05, last push 2026-08-17, not archived. Note one inconsistency: the repository description credits NextIcons (nexticons.in) for icons while the site and llms.txt both name Lucide.

Also in Component Libraries

opensourceui.inTier A