Topic

UI components and starter kits · Open source

26

match your filters

25

answered today

0

arrived this week

0

stopped answering

Watching this group for 24 days, checked once a day · how we check

ditto.site

LiveWatched 12d

Open-source tool that clones any public website into clean, componentized Next.js or Vite code deterministically.

FreeOpen source
What to know
How it works
point it at a URL, get faithful componentized code in minutes
What's different
fully deterministic so fast, cheap, consistent
Pricing
free
Best for
developers rebuilding or copying web UIs
Details →

Motoko UI

LiveWatched 9d

Open-source React component library in the shadcn/ui copy-and-own model, built with Radix and Tailwind.

Watch out · Works with React, Next.js, Tailwind CSS, and TypeScript.

Open source
What to know
How it works
An open-source collection of React components and blocks you copy into your codebase and own, built on the shadcn/ui model with Radix UI and Tailwind CSS.
Watch out
Works with React, Next.js, Tailwind CSS, and TypeScript.
Details →

File Viewer

LiveWatched 19d

An Apache-2.0, offline-first toolkit that renders in-browser previews of Office, PDF, CAD and other files without a server-side conversion step. For developers embedding document viewers in self-hosted apps.

Watch out · Read-only fidelity varies by file format.

Works offlineOpen sourceSelf-hosted
What to know
How it works
A browser-native toolkit that renders read-only previews of Office, PDF/OFD, CAD, archive, email, diagram, 3D, media and data files (206 extensions across 24 pipelines) without a mandatory server-side conversion step.
What's different
Apache-2.0 licensed and offline-first; components can be self-hosted and used across Vanilla JS, React, Vue, Svelte and jQuery.
Best for
Developers embedding document/file preview into private or internal web apps.
Watch out
Read-only fidelity varies by file format.
Details →

An open-source Next.js starter kit with auth, Stripe billing, and Mailtrap email already wired up, for developers bootstrapping a SaaS.

Watch out · Blank-slate scaffolding, not a finished product

Open source
What to know
How it works
Pre-built scaffolding for auth, multi-tenancy, Stripe billing, and transactional email via Mailtrap
Best for
Developers and indie hackers starting a new SaaS project
Watch out
Blank-slate scaffolding, not a finished product
Details →

Grafloria

LiveWatched 9d

Open-source, framework-agnostic diagramming engine (flow charts, dashboards, UML, ERD) with React, Vue and Angular bindings.

Open source
What to know
How it works
Headless diagramming core for flow charts, dashboards, UML, ERD, and real-time collaboration, with native React, Vue, and Angular bindings.
Pricing
Open source, MIT.
Details →

lovdaCN

LiveWatched 13d

An open-source library of React Native UI components you can copy, customize, and build on, styled after shadcn.

Open source
What to know
How it works
Beautifully designed React Native components you copy and customize, powered by NativeWind and Uniwind.
Pricing
Open source, open code.
Details →

Native-Compress

LiveWatched 7d

Lets React Native developers auto-optimize components and strip dead code instead of manually memoizing and cleaning up.

Open source
What to know
How it works
parses files with Babel AST to wrap un-memoized components in React.memo and strip dead code
Details →

Spark UI

LiveWatched 20d

An open-source React component library of prebuilt UI pieces for developers building web app frontends, rather than a full app framework.

Open source
What to know
How it works
An open-source library of prebuilt React components and interaction building blocks for product frontends.
Best for
Developers building web app frontends who want ready-made React components instead of building from scratch.
Details →

Imposia

LiveWatched 10d

An open-source toolkit that keeps HTML documents visually identical across browser preview, print, and PDF/EPUB export instead of reflowing per surface.

Open sourceCan export my data
What to know
How it works
maintains one canonical paginated document across HTML/CSS preview, print, and EPUB export
What's different
open source, works with React or framework-neutral core, no server renderer needed
Best for
developers building documents that must print exactly as previewed
Details →

DUI

LiveWatched 12d

An open-source library of React UI components and blocks for developers building AI product interfaces.

Open source
What to know
How it works
Prebuilt React/Tailwind/shadcn components for landing pages, dashboards, and AI app UIs
Pricing
Open source
Details →

ZenPanel

LiveWatched 9d

An open-source CLI that scaffolds an admin panel for frameworks like Next.js, Vite, and Angular.

Open source
What to know
How it works
An open-source CLI that scaffolds a modern admin panel for frameworks like Next.js, Vite, and Angular.
Pricing
Open-source.
Details →

conversion.business

LiveWatched 24d

Free, open-source starter templates for React, Vue and Svelte that replace CAPTCHAs with lightweight anti-bot mini-games, for developers who want protection without hurting UX.

FreeOpen source
What to know
How it works
Drop-in starter templates for React, Vue and Svelte that replace CAPTCHAs with interactive, zero-telemetry anti-bot mini-games.
What's different
Blocks bots without the usual CAPTCHA UX friction, and templates are free and open-source with no telemetry.
Pricing
Free and open-source.
Best for
Developers who want bot protection on a web project without hurting the user experience or paying for a CAPTCHA service.
Details →

Posthawk

LiveWatched 15d

An edge-native transactional email service for Next.js/Vercel/Cloudflare apps, with a self-hosted open-source option, for developers who don't want to run their own email infrastructure.

Open sourceSelf-hosted
What to know
How it works
An edge-native transactional email service for Next.js, Vercel and Cloudflare Workers, with an open-source self-host option.
What's different
Runs at the edge alongside the deploy rather than as a separate hosted email service, and can be self-hosted.
Best for
Developers on Next.js/Vercel/Cloudflare who want transactional email without running their own infrastructure.
Details →

RectorJS

LiveWatched 11d

An open-source, framework-agnostic block editor for building structured content with drag-and-drop blocks.

Open source
What to know
How it works
Provides extensible blocks, drag-and-drop, atomic undo/redo, and versioned JSON for building structured content.
Pricing
Open-source.
Details →

Opensource UI

LiveWatched 22d

An open-source library of 116 customizable UI components across 33 categories, for developers and designers building interfaces.

Open source
What to know
How it works
A library of 116 handcrafted, customizable UI components spanning 33 categories that you can browse and drop into your own interfaces.
Pricing
Open source.
Best for
Developers and designers who want polished, ready-made UI components instead of building them from scratch.
Details →

Prompt Area

LiveWatched 24d

An open-source React textarea component for AI chat UIs, with mentions, slash commands, tags, markdown and attachments, installable via npm or shadcn.

Open source
What to know
How it works
An open-source React textarea component for AI chat interfaces, with @mentions, /commands, #tags, inline markdown, undo/redo, file attachments and dark mode built in.
What's different
Installable directly via npm or the shadcn registry — a drop-in component rather than a full chat UI framework.
Pricing
Free, open source.
Best for
Developers building a custom AI chat interface who don't want to build a rich text input from scratch.
Details →

DakAt

LiveWatched 15d

Open-source browser extension that applies consistent, accessible dark mode styling to any website.

Open source
What to know
How it works
An open-source browser extension that automatically adjusts colors, contrast, and brightness to apply consistent dark mode to any website.
Pricing
Open source.
Details →

SectionFlow

LiveWatched 18d

An open-source React library of prebuilt cinematic section transitions for building scroll-driven landing pages, instead of hand-building Framer Motion animations.

Open source
What to know
How it works
Provides 60+ prebuilt React section transitions with a one-command CLI installer, built on Framer Motion.
Best for
Developers building scroll-driven landing pages, portfolios, or storytelling sites.
Details →

TS-SAAS

LiveWatched 22d

A TypeScript SaaS boilerplate (Tanstack Start, Hono, Cloudflare) for developers who want a production-ready starting point instead of building auth and billing from scratch.

Open source
What to know
How it works
A production-ready SaaS boilerplate built with strict TypeScript, Tanstack Start, Hono and Cloudflare, bundling authentication, payments, database integration and email workflows.
What's different
Avoids cloud-provider lock-in while still bundling the essential SaaS building blocks together.
Best for
Developers and founders who want to skip weeks of repetitive infrastructure setup when launching a new SaaS.
Details →

Sora UI

LiveWatched 23d

A library of skeuomorphic React components — CD players, tactile dials, audio visualizers — you copy-paste into your own Next.js/Tailwind project and own outright. For developers.

Open source
What to know
How it works
A copy-paste React component library modeled after physical objects like CD players, tactile selectors and audio visualizers, built with Next.js, Tailwind CSS v4 and Framer Motion spring physics.
What's different
Skeuomorphic, physically-inspired design, and you own the code outright instead of depending on a package.
Best for
Developers who want tactile, physically-inspired UI components for a React/Next.js app.
Details →

Bricks

LiveWatched 23d

A free, open-source project; the tagline is cut off ('0$ open-source , full...') so its exact purpose isn't clear from the available text.

FreeOpen source
What to know
Pricing
Free ($0) and open-source.
Details →

tastemaker

LiveWatched 4d
FreeOpen source
Details →

GitHub

LiveWatched 2d
Open source
Details →

DriveLoader

LiveWatched 7d

Lets React developers use Google Drive as an image CDN instead of manually converting and managing Drive URLs.

Open source
Details →

Radian OS

LiveFirst seen today
Open source
Details →

InvoiceAI

Not respondingWatched 5d
Works offlineOpen source
Details →