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.
All resources 12
SVGOMG: visual SVG optimization
A free browser interface for SVGO, with SVG-code cleanup, smaller files, detailed optimization controls and result comparison.
Pixactly — a pixel-dimension estimation game
Draw a rectangle to match a target width and height by eye, then review your accuracy across five rounds.
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.
Cursor Lab — Custom Web Cursors
A free workbench with 28 custom web cursors, live parameter controls, and copyable JavaScript, React, and CSS code.
Gradihunt — Automated CSS Gradient Generator
A free gradient generator with millions of automatically generated combinations, filters and ready-to-copy CSS.
Heroicons — 316 Free SVG Icons by the Makers of Tailwind CSS
A free library of 316 carefully crafted SVG icons for UI, websites and apps, with a Figma file and official React and Vue libraries.
Iconoir — 1,600+ Free Open-Source Icons
A large free SVG icon library built on a 24×24 grid with support for Figma, Framer, React, React Native, Vue, Flutter and CSS.
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.
Design Spells — UI Details, Interactions & Micro-Animation Inspiration
A curated gallery of 300+ real-world UI details, micro-animations, transitions, Easter eggs and interaction patterns.
Movin Easings – Animation Curve Editor
An easing gallery with a cubic-bezier editor, motion previews and code examples for web animation.