Development · Web app
Opensource UI
Free copy-paste React and Next.js components and device mockups
Opensource UI is a curated collection of over 200 MIT-licensed React components built with Next.js, TypeScript, and Tailwind CSS. It focuses on a copy-paste workflow with no npm package dependencies, giving developers direct ownership of the source code. The library includes common interface elements, interactive widgets, and detailed CSS device mockups like iPhones, MacBooks, and Apple Watches.
What it's for
- Present web or mobile product screenshots inside styled Apple device mockups
- Copy ready-to-use widgets and forms into Next.js applications
- Build responsive landing pages and dashboard interfaces using Tailwind CSS
Features
- Over 200 copy-paste React and Next.js UI components
- Realistic device mockup frames for iPhone, MacBook, iPad, Apple Watch, and browsers
- Built with TypeScript and Tailwind CSS v4 styling
- Live interactive preview stages alongside component code
- Zero npm package installation or vendor lock-in
- Fully MIT-licensed for personal and commercial use
Pricing
Open source. Free and open-source (MIT license)
Details
- Type
- Web app
- Category
- Development
- Topic
- UI Components
- Open source
- Yes
- Platforms
- Web, Code library
- For
- React and Next.js frontend developers and design engineers
- Alternative to
- shadcn/ui, Tailwind UI, Aceternity UI
- Tags
- react, nextjs, tailwind, components, mockups, typescript
Why it was saved
- @BidyutKundu12: A library of open-source UI components worth browsing and reusing in product work; shared with the author's strong reaction that it is impressive
Compare
Related
Copy-paste React UI components built with Tailwind CSS and Radix primitives.
Pre-built, responsive shadcn/ui blocks and layouts for React applications
Open-source animation library for React, Vue, and vanilla JavaScript
Open-source animated and interactive React UI components and backgrounds
Curated directory of crafted React, Tailwind, and shadcn UI components.
Open-source animated React icons built with Lucide and Motion
Updated