BenDay
Turn your logo into an animated dot-based loading indicator with 21 presets, a playground and an open-source React component.
Resources
Discover useful things. Build your library. Share your finds.
Tools 23
PixelCrew
A team of AI agents that turns a written brief into wireframes, a design system and HTML pages with Tailwind CSS.
Stitch
A Google Labs tool that turns text prompts or images into web and app interfaces, with Figma and HTML/CSS export.
SVGOMG: visual SVG optimization
A free browser interface for SVGO, with SVG-code cleanup, smaller files, detailed optimization controls and result comparison.
Squoosh: browser-based image compression
A free tool for compressing, resizing and converting images, with visual quality comparison and local file processing.
Neumorphism.io: CSS shadow generator for Soft UI
A free generator for neumorphic surfaces, with color, shape and shadow controls and copyable CSS.
Glass3D — glass-effect CSS generator
Tune blur, color and texture for glass-style interface elements, then copy the generated CSS.
Gradient Lab by Backgrounds Supply — gradient background generator
A free browser-based gradient background editor with shader modes, palette controls, and image and video export.
ColorFlow — mesh gradient editor
A mesh gradient editor with control points, effects, presets and image or video export options.
Cursor Lab — Custom Web Cursors
A free workbench with 28 custom web cursors, live parameter controls, and copyable JavaScript, React, and CSS code.
UX Pilot Gradient Generator – Gradients & Textured Backgrounds
A browser-based gradient studio with color, texture and motion controls, plus previews inside interface layouts.
ShaderGradient — Animated 3D Gradients for Web, Figma & React
A free open-source tool for creating animated 3D gradients with a visual editor, Figma and Framer integrations, plus ready-to-use React and Vue packages.
Product Hunt — Discover New Tech Products & Tools
A community for discovering new apps, AI tools, design products, SaaS platforms and technology startups through daily launches, rankings and feedback.
Pattern Monster — Seamless SVG Pattern Generator
A free library of 320+ seamless patterns with customizable colors, stroke width and angle, plus CSS/SVG copy and SVG or PNG export.
Gradihunt — Automated CSS Gradient Generator
A free gradient generator with millions of automatically generated combinations, filters and ready-to-copy CSS.
Gradient Hunt — Thousands of Free Color Gradients
A curated collection of thousands of trendy gradients with CSS code, Linear, Radial, Popular and Random sections, plus tools for creating and saving your own.
fffuel — Free SVG Generators & Design Tools
A collection of 60+ free browser-based tools for creating SVG backgrounds, gradients, patterns, textures, shapes and color palettes.
Grainient — Gradients, Backgrounds & Shader Tool for Web Design
A collection of grainy, smooth and animated gradients, AI backgrounds and a real-time shader tool for modern web visuals.
Spline
A browser-based editor for interactive 3D, with limited free files and watermarked web exports.
Figma
Collaborative interface design, reusable components and interactive prototypes, with a limited free Starter plan.
Penpot
An open-source platform for interfaces, prototypes, and design systems, with a free cloud plan and self-hosting options.
Webflow
A visual platform for building responsive websites, with a free Starter plan for learning and small test sites.
Movin Easings – Animation Curve Editor
An easing gallery with a cubic-bezier editor, motion previews and code examples for web animation.