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 22
Morphicons
Turn a hamburger menu into a close icon, or one arrow into another, without a hard cut. Morphicons does the SVG animation.
FluidShader – animated WebGL gradient editor
A free browser tool for animated gradients and dither patterns, with adjustable colors, motion and copyable code.
Wick Editor — animation and interactive scenes
A free browser editor for 2D animation and simple games, with drawing tools, a timeline, scripting and export options.
Art Gallery — generative watercolor paintings and Studio
A gallery of self-painting watercolor studies with a browser Studio for adjusting palettes, variations and painting parameters. Free for non-commercial use under the stated license.
zoxilsi studio — mesh gradients and animated backgrounds
A mesh-gradient editor with Bézier controls, presets, effects and exports for images, video and code.
Paperlab: interactive 3D paper for the web
A free browser editor and React library for 3D paper effects, including folds, unrolling, peeling, animated galleries and spatial scenes.
Light Rails — Generative Pattern Studio
A browser-based studio for geometric patterns, glowing lines, gradients and motion. Explore shapes and timing, preview compositions in mockups, and prepare visuals for your next design.
Loom – Mosaic Patterns & Animated Weaves
A browser tool for creating colourful mosaics, pixelated photos and fine-line gradient compositions, with motion controls and image, SVG and video export options.
Sfumato – Generative Patterns & Gradients
A browser-based studio for creating layered abstract backgrounds with patterns, gradients, textures, lighting and animation.
Valessa – 3D Logo Visualizer
A free browser-based tool by Riotters for turning SVG artwork into 3D forms and styling scenes with materials, lighting and animation.
Loguitoc – SVG Logo and Typography Animator
A free browser tool that animates SVG artwork and text with contours, Bézier anchors and construction guides, then exports MP4 up to 4K, animated SVG or PNG.
Movulab – Animated Typography in Your Browser
A browser editor that turns text and SVG artwork into looping animations with chrome, halftone, glitch and other effects.
Ultrapilled – Physics-Based Graphics & Animation
A free browser-based design tool that turns text, shapes, icons and images into playful compositions that fall, bounce and stack.
Formia — 2D to 3D Logo Maker
A free browser-based tool for turning flat logos into polished 3D visuals without sign-up, watermarks or complex 3D software.
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.
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.
Best Website Gallery — Curated Web Design Inspiration
A curated gallery of 2,600+ websites for inspiration in web design, UI/UX, typography, animation and digital interfaces.
Animos — Motion Templates for Animated Design Showcases
A browser-based tool for turning static designs, UI mockups, images and video into seamless looping showcases with MP4 and WebM export.
Krita
A free, open-source application for digital painting, illustration and frame-by-frame animation.
Blender
A free, open-source tool for 3D modeling, rendering and animation, including commercial work.
Movin Easings – Animation Curve Editor
An easing gallery with a cubic-bezier editor, motion previews and code examples for web animation.