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 23
3Dicons
Free 3D icons for websites, presentations and interfaces, plus a Figma plugin and an online editor with optional Pro features.
Morphicons
Turn a hamburger menu into a close icon, or one arrow into another, without a hard cut. Morphicons does the SVG animation.
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.
Squoosh: browser-based image compression
A free tool for compressing, resizing and converting images, with visual quality comparison and local file processing.
Krita AI Diffusion: AI-assisted painting and editing
An open-source Krita plugin with generative fill, outpainting, live generation, and controls based on selections, sketches, and layers.
zoxilsi studio — mesh gradients and animated backgrounds
A mesh-gradient editor with Bézier controls, presets, effects and exports for images, video and code.
Holocloth — holographic cloth for graphics
Drape images over simulated cloth, adjust holographic materials and export PNGs with an optional transparent background.
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.
Merucav — shader composition editor
A free browser editor for gradients and shader effects, with shapes, text, icons and JSON configuration import and export.
Cursor Lab — Custom Web Cursors
A free workbench with 28 custom web cursors, live parameter controls, and copyable JavaScript, React, and CSS code.
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.
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.
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.
Cool Shapes — 100+ Abstract Gradient Shapes for Figma
A free open-source collection of 100+ abstract SVG shapes with grainy gradients for Figma, UI, illustration and web projects.
Fontshare — 100 Free Font Families for Design
A curated library of 100 high-quality free font families for branding, websites, UI, posters and commercial design projects.
Google Fonts — Free Fonts for Web, Design & Branding
A large library of free open-source fonts for websites, branding, UI, presentations and commercial design projects.
Griddy Icons — Free SVG Icons for UI & React
An open-source library of 1,100+ minimalist SVG icons for interfaces, websites, apps and React projects.
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.
Penpot
An open-source platform for interfaces, prototypes, and design systems, with a free cloud plan and self-hosting options.
WhoCanUse: color contrast and vision simulations
A free browser tool for checking text and background contrast, with WCAG grades and previews of different vision conditions and screen-viewing situations.