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.
Resources
Discover useful things. Build your library. Share your finds.
All resources 21
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.
Swayro – Browser-Based Motion Design
A browser editor that turns photos and screenshots into animated videos using customizable motion templates and local rendering.
Dithr – Dithered Effects & Animation Loops
A browser studio for making looping animations from procedural patterns, photos and video with dithering and ASCII effects.
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.
FlipCut Studio – Stop-Motion Photo Animations
A browser editor for turning photos into stop-motion videos with stamp frames, paper mattes and split-flap transitions, then exporting the result as MP4.
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.
Animatoa – Product Photo Animation
A browser-based tool for turning photos, GIFs and video clips into animated product showcases with 3D perspective, image effects and music.
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.
mckp.live – Animated 3D Mockups
A browser-based tool by ls.graphics for animated device mockups with your own screens, video exports and interactive website embeds.
60fps — UI/UX Animation & Interaction Inspiration Library
A curated library of 2,100+ real UI/UX animations and interaction patterns from iOS and web apps, searchable by gestures, effects, elements and product patterns.
SVGator — Online SVG Animation Editor Without Code
A browser-based tool for creating SVG and Lottie animations with timelines, keyframes, morphing, motion paths, interactive triggers and production-ready exports.
Magic Animator — AI Animation for Figma Designs
An AI tool by Lottielab for animating Figma designs with prompts or one-click ideas, editable keyframes and export to Lottie, GIF and MP4.
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.
Morflax Studio — 3D Mockups, Graphics & Motion Design in Browser
A browser-based 3D platform for creating mockups, abstract graphics, icons, animations and visual assets without installing software.