Web design & frontend tools

Go framework for desktop apps whose windows hold either native GPU-drawn UI or a web frontend inside the operating system's own webview.

No-code site builder that turns the link-in-bio format into a real multi-page site with a shop, bookings, blog and forms.

Native macOS screen recorder with a built-in motion editor, 40+ presets, 3D device mockups and one-click cloud review links.

Design canvas built on HTML/CSS where IDE agents read and write layers, syncing tokens, components and real content between code and design.

Curated directory of interface craft — component libraries, design systems, AI design tools, and inspiration, plus a list of people worth following.

A free browser-based effects editor stacking 75+ dither, halftone, ASCII and pixel effects into posters, graphics and motion visuals.

Library of 120+ ready-made, fully editable Figma website sections — heroes, pricing, testimonials, FAQ and footers you copy straight into your file, no plugin needed.

A browser-based 3D device mockup and animation studio — build scenes, animate them, customize screens and export polished product visuals.

Free, curated library of copy-paste Figma components, UI kits, and ready-made design sections for assembling polished designs faster.

A curated library of free Framer and Figma components, templates and UI design tools for streamlining the design process.

Web app that turns screenshots, mockups, and clips into polished video portfolio showreels with modern templates, drag-and-drop editing, and high-quality export.

Extract design tokens from any live website with one command, then track token drift, WCAG contrast and changes over time.

A GPU-accelerated studio for designing mesh gradients, silky waves, geometric patterns and spotlight backdrops, exporting to PNG, video and code.

A growing, weekly-updated directory of 2,200+ design resources and tools across icons, illustrations, AI, UX, color, typography and more.

Browser-based tool that turns screenshots and clips into seamless looping MP4/WebM showcase videos using 70 motion templates — free 720p export, nothing uploaded.

Free Figma design blocks from Lander Studio — website sections, app screens, dashboards, and logos as production-ready source files.

A free, carefully organized directory of 2,500+ design tools, websites, icons, fonts, mockups and resources, searchable in seconds.

Sub-atomic styles: an open source set of expertly crafted CSS custom properties for consistent, adaptive design, installable from a CDN or NPM.

Browser-based 3D design tool with real-time collaboration, animation, physics and an AI agent for building interactive web experiences.

A browser-based visual studio for designers: blend gradients, glass and grain into original backgrounds, textures and animated loops in seconds.

Beautiful shaders for SwiftUI, React Native and the web — tweak sliders, then export a real .metal file, Skia shader or web component without shader code.

Calligraph is a React component for fluid, per-character text transitions powered by Motion, with text, number and slot-machine variants.

An X/Twitter bookmark manager that auto-tags saves, emails scheduled AI digests, and connects to Cursor and Claude through MCP.

A color generator for design systems — build 50–950 shade scales with contrast control and export straight to Tailwind CSS, CSS or design tokens.