# 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.

Website: https://opensourceui.in/

## What it is 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](https://xiry.app/topics/development.md)
- Topic: [UI Components](https://xiry.app/topics/development/ui-components.md)
- 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, 3 September 2026](https://x.com/BidyutKundu12/status/2095521476556497252): 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

- [Alternatives to Tailwind UI](https://xiry.app/alternatives/tailwind-ui.md)
- [Alternatives to Aceternity UI](https://xiry.app/alternatives/aceternity-ui.md)
- [Alternatives to shadcn/ui](https://xiry.app/alternatives/shadcn-ui.md)

## Related

- [shadcn/ui](https://xiry.app/resources/shadcn-ui-1902): Copy-paste React UI components built with Tailwind CSS and Radix primitives. (Website, Open source)
- [Efferd](https://xiry.app/resources/efferd): Pre-built, responsive shadcn/ui blocks and layouts for React applications (Web app, Freemium)
- [Motion](https://xiry.app/resources/motion): Open-source animation library for React, Vue, and vanilla JavaScript (Website, Freemium)
- [React Bits](https://xiry.app/resources/react-bits): Open-source animated and interactive React UI components and backgrounds (Website, Freemium)
- [21st.dev](https://xiry.app/resources/21st-dev): Curated directory of crafted React, Tailwind, and shadcn UI components. (Website, Freemium)
- [lucide-animated](https://xiry.app/resources/lucide-animated): Open-source animated React icons built with Lucide and Motion (Web app, Open source)

Updated 10 October 2026. Page: https://xiry.app/resources/opensource-ui

Make your own library: Xiry takes your saved reels, tweets, Reddit bookmarks and Watch Later videos, makes them searchable and pulls the useful stuff out, like this library. It's invite-only for now; join the waitlist at https://xiry.app/#waitlist.