DevHunt

Design Tools

27 tools

Loki.Build

Loki.Build

Loki.Build is an AI-native website builder that generates studio-grade landing pages and gives you full control in a real, live editor. Built-in SEO, hosting & complete control. No more agencies. No more rigid templates. No more waiting to ship.

774
Design Tools
MiroMiro

MiroMiro

The fastest way to copy any website's design. MiroMiro is a Chrome extension that lets you inspect and extract design assets from any website without opening DevTools. Hover over any element to instantly copy its CSS, colors, fonts, and spacing. Download images, SVGs, and even Lottie animations with one click. Extract design tokens and export them as Tailwind config or CSS variables. Built for designers and developers who want to stop rebuilding from scratch and start shipping faster.

521
Design Tools
Lunair

Lunair

The fastest way to add a video to your landing page. As easy as writing, with creative control. Describe your product or idea and Lunair generates a complete video: consistent characters, custom scenes (not stock assets), voiceover, music, and motion, delivered as a ready-to-share video file. Then edit with plain language: choose a narrator, tweak the script, refine scenes to match your brand. Built for custom, on-brand explainers and marketing videos, not generic AI clips. Join 5,000+ creators.

496
Design Tools
Hatable

Hatable

LinkedIn is fake. Your friends are too nice to tell you that your landing page makes no sense. So we built Hatable. An AI Agent with only one directive: Choose Violence. ☠️ It browses your site, parses your copy, and generates a roast so brutal you might actually pivot. This isn't a CRO audit. It’s a reality check. Drop your link. Get destroyed. Don’t say we didn’t warn you.

494
Design Tools
8bitcn/ui

8bitcn/ui

A set of retro-designed, accessible components and a code distribution platform. Open Source. Open Code.

426
Design Tools
Userology AI

Userology AI

Userology is your AI user researcher on autopilot. Drop in a Figma prototype or live product, set your target persona, and our AI recruits users, moderates sessions, and turns messy transcripts into bite-sized insight reports with clips, quotes, and clear next steps.

382
Design Tools
Vybe

Vybe

Vybe turns natural language into secure, production-ready internal apps that connect to your real data. No long backlogs, no glue code, no fragile prototypes. Auth, roles and deployments are built in. Plug in Postgres, Salesforce, Jira and 3,000 integrations. Start from scratch or remix templates used by world-class operators and make them your own in seconds. Internal tools that actually ship.

273
Design Tools
Webflow AI site builder

Webflow AI site builder

Turn a simple prompt into a multi-page, production-ready website with Webflow’s AI site builder. Start with structure, styles, and animations, then continue building seamlessly in Webflow. It’s a faster start on a foundation built to scale.

229
Design Tools
thefrontkit

thefrontkit

thefrontkit = Design + Code UI kits that feel like a real app, not a mock. Token-driven theming, accessibility out of the box, and runnable Next.js + Tailwind examples. Launching two Full kits: AI UX (prompt→streaming→citations→feedback→upload→export) and SaaS Starter (auth, dashboard, tables, forms, settings). Built to ship, not tinker.

128
Design Tools
Stitch by Google

Stitch by Google

For founders and PMs who can't afford to waste a week on mockups. Describe your UI, get editable design + real code. Free. By Google. It introduces Hatter, a new agent aiming to handle multi-step design tasks, plus new App Store asset generation and native MCP export.

119
Design Tools
Anima

Anima

From rough ideas to Figma files, Anima’s AI generates accurate frontend code that matches your design system. Say goodbye to generic code agents - build real, responsive UI that’s on-brand and ready to ship.

117
Design Tools
Grid Overlay Pro

Grid Overlay Pro

Grid Overlay Pro is a browser extension that helps designers and developers ensure pixel-perfect alignment by overlaying customizable grid systems on any webpage. Unlike static design tool overlays, it features responsive grid adaptation—automatically adjusting column widths and spacing when the viewport resizes, maintaining consistent proportions across any screen size.

107
Design Tools
Replit Animated Videos

Replit Animated Videos

Generate professional animated videos from everyday language prompts. No expensive agencies or editing skills needed. Built on React with smooth transitions, text overlays, and AI imagery. Export as MP4 or share instantly.

101
Design Tools
DemoMe

DemoMe

DemoMe helps indie developers turn screen recordings and screenshots into polished demo videos in seconds. Unlike traditional video editors, DemoMe is built specifically for product demos. It focuses on speed, consistency, and beautiful defaults so you can ship faster. Everything runs fully on-device. No uploads. No cloud processing. Perfect for App Store previews, Product Hunt launches, landing pages, and social media posts.

93
Design Tools
FF Designer

FF Designer

AI design tools promise speed but deliver slow outputs, endless re-prompting, and lost momentum. FF Designer generates polished screens in seconds and lets you edit everything visually. No loops, just flow. Download or export, your choice

89
Design Tools
Nimbalyst Beta

Nimbalyst Beta

You get the best results with Claude Code when you iterate with it to build full context. Nimbalyst is the local editor and session manager where you iterate with Claude Code on WYSIWYG markdown docs, mockups, diagrams, and code. This is the launch of Nimbalyst's Beta.

88
Design Tools
Design Rails

Design Rails

Chat with an AI creative director. Get a complete brand identity in minutes—logo, colors, typography, voice & tone, UI styles—all packaged as agent-ready files. No more generic UI. Drop the files into your project, and tools like Claude and Lovable generate on-brand UI from day one.

80
Design Tools
OpenFlowKit

OpenFlowKit

OpenFlowKit is a 100% free, open-source diagram engine for engineers, architects, and product teams who care about craft.

75
Design Tools
Live AI Design Benchmark

Live AI Design Benchmark

Start with a prompt and watch multiple website designs come to life. Compare them side-by-side, pick the winner, and fine-tune it visually in Shuffle.

72
Design Tools
UI Inspector

UI Inspector

A visual CSS editor that lives in your browser. Select any element, tweak its styles in a side panel, and instantly see changes on the page. Export your changes as CSS, Tailwind, SCSS, or JSX. Built-in presets automatically inherit the site's own color palette, so your edits look native from the start.

72
Design Tools
Radian OS

Radian OS

Radian is an open-source UI kit 🎨 and React development library 🧑🏻‍💻 that keeps design and code in sync. Build consistent interfaces using production-ready components and tokens that map directly to real code.

16
Design Tools
A Dope Canva - Omni Toolkit, Locally.

A Dope Canva - Omni Toolkit, Locally.

Meet AdopeCanva, a high-performance, minimalist toolkit designed for the modern creator. Built with a beautiful bento-grid interface, AdopeCanva moves the heavy lifting to your browser. Why AdopeCanva? ✨ 100% Client-Side: Files stay on your machine. ⚡ Zero Friction: No signups 🍱 Bento UI: Clean and organized. 🛠️ Tools: Video-to-GIF, Image Compression, BG Removal, & more. 💎 Future-Proof: Core tools stay free. Power users get a lifetime deal under $10 coming soon!

10
Design Tools
Plainify

Plainify

Plainify generates structured specification files for AI coding assistants like Claude Code, Cursor, v0, and Bolt. Powered by Claude's Haiku 3.5 and 4.5 models, it turns your input into detailed, AI-ready spec files. Use Relax Mode to describe your idea in one sentence and let AI handle the rest, or take full control with Custom Mode to build your spec section by section. Free to use. Built on an open-source spec format.

8
Design Tools
Scribble Pad

Scribble Pad

Scribble Pad is a browser extension that turns any website into your personal canvas. Draw, sketch, write notes, capture screenshots and annotate in real time.

8
Design Tools
Product 360

Product 360

Build products people love with AI-powered RICE scoring, OKRs, discovery tools, roadmaps, and coaching. The world's best free product management platform.

7
Design Tools
Aioli

Aioli

Free, open-source AI design system engine. Describe in natural language, get production-ready UI in HTML, React, Vue, or Svelte. 1,543 W3C design tokens, 43 components, 6 WCAG AA verified themes (120/120 contrast pairs pass). Plugs into Claude, Cursor, and Copilot via 12-tool MCP server. REST API, JS SDK, CLI, and community component registry. No API keys. No subscription. No vendor lock-in. MIT licensed. The same design intelligence premium tools charge $20-50/month for — free forever!

7
Design Tools
shadcn/ui theme generator for lazy devs

shadcn/ui theme generator for lazy devs

Give your shadcn/ui project a real look, fast - pick a color and font, preview it live, and ship a theme ready for production.

7
Design Tools
Feedback