Topic

UI components and starter kits · Free

29

match your filters

29

answered today

1

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 →

FrontAlign

LiveWatched 11d

A CSS design system with built-in dark mode and accessibility-compliant contrast, for developers who don't want to hand-roll theming.

Free
What to know
How it works
OKLCH color tokens with AA contrast baked in, SSR-safe
Pricing
free core, paid premium UI blocks
Best for
teams retrofitting dark mode/contrast into existing projects
Details →

CodeSpanda

LiveWatched 7d

Lets developers ship admin dashboards faster using premium and free templates instead of building CRM/SaaS UI from scratch.

Free
What to know
How it works
Built with React, Vite & Tailwind.
Pricing
free and premium tiers
Details →

Component to Code

LiveWatched 10d

A free browser tool that lets you hover over any website element and copy it as ready-to-use HTML/Tailwind, React, or Vue code.

FreeNo sign-up
What to know
How it works
Click to pick a UI element, get clean code with Tailwind class mapping in a side panel; all processing local.
Pricing
Free, no signup.
Best for
Developers who want to quickly recreate a UI component seen on another site.
Details →

CloneWebsite

LiveWatched 12d

A Chrome extension that clones any webpage's HTML/CSS and converts it into React or Vue components, for developers who want a starting point from an existing design.

FreeWorks offline
What to know
How it works
Extracts HTML, CSS, images, fonts, and converts to React/Vue via Magic Paste
What's different
works offline, bring-your-own-key AI, no data leaves the browser
Pricing
free
Details →

ZWPlayer

LiveWatched 6d

Free, zero-dependency HTML5 video player with built-in AI subtitles (real-time translation, ASR, TTS), interactive overlays (quizzes, hotspots, forms), and broad protocol support (HLS, DASH, FLV, WebRTC, RTSP).

Free
What to know
How it works
Drop in the player (with Vue/React wrappers) and configure interactivity and subtitle features via free no-code visual editors.
Best for
Developers embedding an interactive, AI-subtitled video player without a paid SaaS.
Details →

Converts a screenshot into editable, responsive HTML in about 60 seconds, for designers or developers turning AI-generated UI images into real code.

Free
What to know
How it works
Turns an image into production-quality editable layers with 2x DPI assets
What's different
95% average pixel accuracy claimed, free release
Pricing
free, possible future paid plan around $0.20/conversion
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 →

EchoThread

LiveWatched 23d

An AI-moderated commenting system that filters spam and supports optional no-account posting on any website instead of building comments from scratch.

Free
What to know
How it works
Uses AI to filter spam and moderate discussion, with threaded replies, reactions, and optional account-free commenting.
Pricing
Free to deploy on a first website.
Details →

A free single-file HTML/Tailwind/vanilla-JS landing page template for launching a SaaS or startup site quickly — a design asset for developers, not a hosted builder.

Free
What to know
How it works
A single index.html file containing a full SaaS landing page, built with HTML5, Tailwind CSS and vanilla JavaScript.
What's different
Ships as one self-contained file rather than a framework project or template requiring a build step.
Pricing
Free.
Best for
Developers or makers who want to launch a SaaS or startup landing page quickly without building one from scratch.
Details →

A free platform of React coding challenges covering hooks, performance, and interview-level problems, checked by automated test cases.

Free
What to know
How it works
Presents real React coding challenges checked by test cases instead of tutorial videos.
Pricing
Free to start.
Best for
Developers practicing React for interviews or skill-building.
Details →

U2C

LiveWatched 12d

Turns prompts or screenshots into editable React/Tailwind UI that stays consistent with your saved design system across screens.

Free
What to know
How it works
Saves your colors, typography, and components as reusable 'Design DNA' bound to a project
What's different
Keeps generated screens consistent instead of drifting after the first one
Pricing
Free website audit
Details →

TemplatesCenter

LiveWatched 23d

A library of copy-paste React, Tailwind and Next.js components and templates for building sites faster — a starter kit, not a full builder.

Free
What to know
How it works
A library of copy-paste React, Tailwind CSS and Next.js components and shadcn/ui blocks with live previews.
Pricing
Free and Pro options.
Best for
Developers who want to ship sites faster using pre-built components instead of writing them from scratch.
Details →

RN Interview Practice

LiveWatched 21d

A free, no-signup tool for practicing React Native coding interview questions with a live editor and preview.

FreeNo sign-up
What to know
How it works
Offers React Native practice scenarios with a live online editor, built-in preview, and AI code evaluation.
Pricing
Free, no signup.
Best for
Developers preparing for React Native technical interviews.
Details →

A no-code, no-install prototyping tool where you drag built-in and Ant Design components into phone, tablet, or desktop frames, wire up clicks, and preview a working multi-screen flow in the browser.

FreeNothing to install
What to know
How it works
drag-and-drop components into device frames, adjust content and style, wire up click interactions, and preview a multi-screen flow
Best for
founders and non-technical builders who want to show a clickable prototype instead of describing it
Details →

OrokuBlocks

LiveWatched 24d

Adds extra widget types, scoring, testimonials and more, to WordPress sites built with Elementor. For developers building client sites; the 'menus' it refers to are UI menus, not restaurant menus.

Free
What to know
How it works
A widget plugin adding extra components (scoring, testimonials, item reviews, referral boxes and more) to WordPress sites built with Elementor, including integrations like SportsPress player stats and GamiPress achievements.
What's different
Focuses on creative widget types beyond basic menus, tables or text boxes; includes light/dark versions and a Figma design file in the Pro version.
Pricing
40+ Pro widgets, with 13 available in the free version.
Best for
Developers building client sites with Elementor who want widgets beyond the defaults.
Details →

Evostackr

LiveWatched 20d

A free, curated directory of source code, templates, UI kits and learning resources for developers to find building blocks faster instead of hunting across the web.

Free
What to know
How it works
A curated, free directory where developers can find source code, templates, UI kits, AI tools, and learning resources in one place.
Pricing
Free.
Best for
Developers looking to find building blocks and resources faster than searching the web piecemeal.
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 →

An Astro boilerplate template for building AI-ready websites quickly.

Free
Details →

tastemaker

LiveWatched 4d
FreeOpen source
Details →

FreeTemplateGo

LiveWatched 5d
FreeNo subscription
Details →

MAK UI Studio

LiveWatched 5d
Free
Details →
Free
Details →

Hex UI

LiveWatched 4d
Free
Details →

Image to Code

LiveWatched 4d
Free
Details →

UI Kit Maker

LiveWatched 4d
FreeNo sign-upCan export my data
Details →

NgBracket

LiveWatched 2d
Free
Details →

Bitstackhub

LiveWatched 2d
Free
Details →