Movin Easings – Animation Curve Editor
An easing gallery with a cubic-bezier editor, motion previews and code examples for web animation.
Resources
Discover useful things. Build your library. Share your finds.
All resources 29
Superdesign: AI interface design
An AI tool for creating and comparing UI designs on an infinite canvas, with a public design-prompt library and a limited free plan.
UI Faces: avatars for UI mockups
A curated library of AI-generated avatars for mockups and prototypes, with free individual downloads and paid collections.
Open Foundry: curated open-source fonts
A free font collection with visual specimens, designer credits, licence information and links to the original projects.
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.
SVGOMG: visual SVG optimization
A free browser interface for SVGO, with SVG-code cleanup, smaller files, detailed optimization controls and result comparison.
The Boolean Game — vector shape puzzles
A free browser game for practicing boolean operations: combine basic shapes to recreate target silhouettes in puzzles of increasing difficulty.
Can't Unsee — an eye-training game for interface details
Compare similar interfaces, choose the stronger option, and practice noticing spacing, typography, alignment and icon details.
Flexbox Froggy: learn CSS Flexbox through play
A free browser game with 24 CSS puzzles. Guide frogs onto their lily pads while learning flex alignment, item order, direction and wrapping.
Site of Sites: curated web design inspiration
A free website gallery with industry, type, style and platform filters, themed collections and links to live projects.
Awwwards Portfolio: portfolio website examples
A large Awwwards collection of portfolio websites for exploring layout, interaction and creative project presentation.
Glass3D — glass-effect CSS generator
Tune blur, color and texture for glass-style interface elements, then copy the generated CSS.
TextLab: message and interface mockups
A browser generator for chat, comment and UI mockups, with transparent PNGs and paid advanced exports.
Sticky — interactive 3D sticker playground
A browser experiment with 3D shapes, materials, lighting and stickers placed on an object’s surface.
Ransom note — magazine-cutout lettering
Anish Gupta’s interactive lettering tool assembles text from photographs of paper cutouts, with controls for tilt, size variation and spacing.
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.
UX Pilot Gradient Generator – Gradients & Textured Backgrounds
A browser-based gradient studio with color, texture and motion controls, plus previews inside interface layouts.
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.
Tubik Blog — Design Articles, Case Studies & Practical Guides
A large design publication covering UI/UX, branding, web design, illustration, motion, design processes and detailed real-world case studies.
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.
Microcopy — UX Writing & Interface Copy Library
A library of 500+ microcopy examples for buttons, headlines, error messages, forms, account flows, notifications, CTAs and other interface elements.
Google Design — Product Design Stories, Guides & Resources
Google’s editorial platform covering UX, Material Design, typography, AI, design systems, accessibility and the process behind digital products.