Your go-to hub for design tools & resources
Stop searching, start creating. Find the perfect icons, illustrations, UI kits, color palettes, and more — all in one place.
Efficiency Tools
Logo Hunter for Apple Store
Find 2 million+ logos from the App Store and place them on your Figma file
SVG generators, tools & design resources
A collection of color tools and free SVG generators for gradients, patterns, textures, shapes and backgrounds.
UCharts
Turn raw data into beautiful, presentation-ready charts.
Avatar Maker
Create avatars for your next project.
Avataaars
Free online avatar generator for anyone to make their beautiful personal avatar easily.
Bean Heads
Easily generate playful avatars for profiles, products, and creative projects.
Art Avatar
Create avataaars-style avatars online. Customize face, hair, clothes, and accessories. Free SVG download. No account required. Perfect for profiles and placeholders.
Excalidraw
Lets you easily sketch diagrams that have a hand-drawn feel to them.
Freehand Draw
Create freehand drawings with our free online tool.
Dddraw
Freehand SVG drawing tool. Hand-drawn feel, brush styles, solid or gradient. Copy, save SVG.
Humaaans
Mix-and-match illustrations of people with a design library.
Open Peeps
Hand-drawn illustration library with over 580,000 combinations.
Pixel Text
Transform Text into Pixel Art
Pppixelate
Pixel art SVG maker. Draw pixels, instant SVG pattern preview. Lo-fi, retro. Angle, scale, translate. Copy, save SVG.
Iiisometric
3D-like isometric design builder. Click to add blocks, build constructions. Draw, erase, undo.
Ccclaymoji
Claymorphism-style SVG emoji maker. 6 head styles, eyes, mouth. Fun, playful 3D-like design.
Potrace
Convert images to SVGs with our free online tool.
Text Extractor
Convert images to text with our free online OCR tool.
Handdrawn
Create hand-drawn style images with our free online tool.
Image Tracer
Convert images to SVGs with our free online tool.
SVG Viewer
View, analyze, and inspect SVG vector graphics in your browser.
Rrrasterize
Free online SVG to PNG converter. Paste, upload, or select. Background, scale, width, height. Converts in browser.
Eeencode
SVG to Base64 encoder. Data URIs for SVG. Paste, upload, or select. Copy URL, Data URI, raw Base64. CSS backgrounds.
Squoosh
Compress and convert images in your browser. Compare quality and file size, then export optimized JPG, PNG, WebP, or AVIF assets.
Bigjpg
AI image enlarger for upscaling images with reduced noise and cleaner edges.
Everything Fonts
Online font converter and typography toolkit with @font-face generation and format utilities.
Beautiful Web Type
In-depth guide to high-quality free typefaces: serif, sans, display, and monospace, with curated font pairings.
Birdfont
Free font editor for creating and exporting TTF, OTF, and SVG fonts on desktop platforms.
DaFont
Browse and download free fonts by style, theme, and author for design and branding projects.
Fontjoy
Generate typography pairings in one click, lock preferred fonts, and refine heading-body combinations for brand and UI workflows.
Fontesk
Browse thousands of free fonts by style, tags, and usage terms to source typography for branding, UI, and content design.
Good Type Foundry
Discover contemporary retail and custom typefaces, compare family styles, and source fonts for branding, editorial, and digital products.
Fontpair
Discover free Google font combinations and pairing references for headings, body text, and scalable UI typography systems.
FontForge
Explore the open source FontForge editor for type design, glyph editing, scripting workflows, and font production utilities.
Dimmy
Wrap screenshots in realistic device frames to create quick mockups for app stores, social posts, and product demos.
Mockups Design
Browse free PSD mockups for packaging, business cards, posters, and devices with instant download and no registration.
Screen Sizes
Check Apple device screen sizes, resolutions, viewport dimensions, and icon specs for iPhone, iPad, Mac, and Apple Watch.
Animate.css
Use Animate.css for ready-made cross-browser CSS animations, utility classes, and keyframe effects with the animate__ prefix.
Launch
Discover the best platforms to launch your product.
CopyChar
Search and copy special characters with Unicode and HTML entity references for UI text, documentation, and front-end development.
Bento Grids
Browse bento-style web layout inspiration for cards, sections, and modern responsive page composition.
Craftwork Catalog
Explore curated design assets, templates, UI kits, mockups, icons, and fonts for product, brand, and creative workflows.
CursorUp
Browse curated website design examples across portfolio, agency, startup, and eCommerce categories for faster visual direction.
ScreensDesign
Explore curated app interface examples and iOS-inspired screen references to guide mobile product design decisions.
Eyecannndy
Discover visually strong website references and modern interface examples for faster concept direction and layout decisions.
Foca Stock
Browse free stock photos and visual assets for websites, marketing pages, and creative content workflows.
Gratisography
Explore free high-resolution whimsical stock photos and vectors for websites, social campaigns, and content design workflows.
Freebiesbug
Discover free design assets including UI kits, mockups, fonts, templates, and icons for product and marketing workflows.
FreebiesUI
Explore hand-picked UI kits, app designs, and interface resources across Figma, XD, Sketch, and PSD formats.
Httpster
Browse curated website design inspiration across styles, categories, and layout directions for product and brand workflows.
Good Brief
Generate unique creative design briefs by job type and industry for portfolio practice, workshops, and structured skill-building.
Good Practices
Review practical design guidelines, component conventions, and Figma tutorials to improve UI consistency and design system decisions.
Godly
Discover curated modern website inspiration and analyze layout, interaction, and storytelling patterns for web product direction.
Tubik Blog
Explore practical UI, UX, branding, and web design articles with case studies and workflow references.
Baseline
Free design bootcamp covering UX and product design fundamentals, project-based learning, and portfolio development.
DesignCourse
Learn UI UX, branding, and AI-assisted product workflows through project-based training and practical design education.
Figma Plugins
Discover and browse practical Figma plugins for UX, UI, prototyping, and daily design workflows.
Figma Resources
Explore curated Figma resources including UI kits, templates, wireframes, and design assets.
Color Review
Colors that look and work great for everyone
Color Contrast
Check color contrast and accessibility with our free online tool.
Color & Contrast
Evaluate text and UI color combinations with a fast accessibility contrast checker.
Accessible Brand Colors (ABC)
Test brand color pairs for accessibility with Use All Five’s Accessible Brand Colors (ABC) embedded on Uwarp.
Alphredo
Alpha color generator: translucent swatches that match opaque colors on a chosen background, with HSLA, HEX, and JSON export.
CCColor
HEX, RGB & HSL color picker and converter for HTML & CSS.
Pppalette
Friendly color palette generator for beautiful, harmonious color schemes.
Hhhue
Curated collection of beautiful color palettes for blue, green, purple, red, and more.
ColorDrop
AI color palette generator and image color extractor for instant design inspiration.
Colordot
Minimal color picker by hailpixel—hue, lightness, and saturation with simple gestures.
Eva Design Colors
Deep learning color palettes from Eva Design—semantic UI colors and cohesive scales for products and design systems.
Goodpalette
Generate clean UI color palettes, compare combinations quickly, and move approved color sets into design and implementation workflows.
Tints and Shades
Generate tints and shades from hex colors. Export HEX, RGB, CSS, or JSON for UI ramps and design tokens.
Colorion
Curated color palettes for modern interfaces. Browse 30,000+ handpicked color combinations.
Color Palette Builder
Build palette systems from one color with tints, shades, tones, and harmony modes, then copy HEX, RGB, and HSL values.
Gradient Generator
Generate smooth two-color or multi-color gradients, tune in-between steps, and copy HEX, RGB, and HSL color values.
Gradient Hunt
Browse curated color gradients and collect practical background inspiration for UI surfaces, hero sections, and visual design workflows.
Color Mixer
Blend two or more colors with adjustable quantities and copy the resulting HEX, RGB, and HSL values for design and code.
Hue Tools Mix
Mix two colors and control blend ratio in real time, then copy HEX output for interface themes and visual experiments.
Hue Tools Info
Inspect and convert color information in HEX format for quick checks, comparison, and handoff into design and code workflows.
Hue Tools Modify
Adjust and refine a color in HEX format for controlled updates to tone, balance, and practical UI usage.
Hue Tools Blend
Blend and transition between colors in HEX format to explore smooth intermediate values for UI and brand systems.
Huemint Brand Intersection
Generate brand-focused color palettes with contrast targets, lockable swatches, and iterative AI-assisted exploration.
Color Name Finder
Identify color names across multiple libraries, including HTML, X11, NTC, and Pantone-style references, with value-based lookup.
Color Converter
Convert color values across RGB, HEX, HSL, CMYK, HSV, and LAB formats for consistent design, development, and print workflows.
Color Palette From Image
Extract dominant colors from uploaded images, URLs, or clipboard paste, then copy HEX palette values for design and implementation.
Image Color Picker
Pick exact pixel colors from uploaded images, URLs, or clipboard input with configurable sampling controls and HEX, RGB, HSL output.
Random Color Generator
Generate random single-color or multi-color sets with optional hue and luminosity controls, then copy HEX, RGB, and HSL values.
Color Wheel
Explore hue relationships and build complementary, analogous, split-complementary, triad, square, and rectangle color schemes.
Colorkit
Explore and refine color palettes in a focused workspace, then transfer approved color values into UI and brand workflows.
Color Leap
Browse history's palettes by era and use time-based color references for branding, illustration, and interface exploration.
ColorMagic
Generate AI color palettes from text, names, images, or hex values, then refine with random color, mixer, and contrast workflows.
Colors.lol
Browse overly descriptive color palettes to explore mood-driven color directions for branding, marketing, and interface design.
Colour Contrast Checker
Test foreground and background color combinations, review contrast ratios, and verify readability grades for large and normal text.
ColPat
Browse trending palettes, copy colors, and generate Tailwind-style shades to speed up UI and design token workflows.
ColPat gradients
Generate colorful gradients and copy ready-to-use CSS quickly for hero sections, backgrounds, and interface accents.
ColPat Color Says
Explore positive and negative color associations, copy hex values, and choose palettes with clearer communication intent.
ColPat Tailwind Palette Generator
Generate Tailwind-ready color scales, switch version modes, and copy palette outputs quickly for UI theme development.
ColPat Palette from Image
Upload an image and generate AI-assisted color palettes to accelerate brand, campaign, and UI color workflow decisions.
ColPat Palette from Color
Generate AI-assisted palettes from one anchor color, check color names, and create Tailwind-friendly shade scales.
Coolors Trending Palettes
Browse trending color palettes from Coolors and adapt popular color combinations for branding, UI theming, and creative workflows.
Contrast Checker
Check foreground and background color combinations against WCAG-style contrast targets for normal text, large text, and UI components.
Compare Colors
Measure perceptual color difference with Delta E to evaluate color matching quality across design, code, and production workflows.
Color Palette Generator
Generate coordinated color palettes for interface and brand exploration, then export values for design system and implementation workflows.
Sssvg
Interactive SVG reference with live examples for viewBox, path, gradient, filter, and more.
SVG Spinner
Interactive guide to making SVG loading spinners with stroke-dasharray and CSS animation.
Rrready
CSS & web platform support chart. Full, good, poor support in evergreen browsers. Flexbox, Grid, gap, clamp. Can I Use.
CSS Selectors
Visual guide to CSS selectors. Pseudo-classes, pseudo-elements, combinators, attributes. Free reference.
Animista
On-demand CSS animations library to preview, tweak duration and easing, then copy keyframes and classes for production.
cubic-bezier.com
Interactive cubic bezier editor for CSS easing curves. Preview timing, compare curves, and copy cubic-bezier values for transitions.
Easings
Generate cubic bezier easing curves, test CSS easing presets on interface demos, and copy timing values for transitions.
Paper Sizes
Comprehensive reference for international paper sizes, dimensions, and unit conversions.
Ggglitch
SVG generator for glitchy backgrounds. Futuristic glitch shapes. 3 styles. Gradient or solid. Copy, save SVG.
uiGradients
A community-contributed collection of beautiful color gradients for design and code projects.
BGJar
Free SVG background generator with waves, blobs, stars, and geometric patterns for websites and apps.
Haikei
Generate SVG backgrounds with blobs, layered waves, peaks, and scatter patterns, then export assets for web and product interfaces.
Ffflux
SVG fluid gradient background generator with blend modes, blur, and frequency controls.
Nnnoise
SVG noise texture generator. Subtle or bold grain for CSS backgrounds. Fractal and turbulence.
Aaabstract
Abstract wavy background maker. Free fluid backgrounds. Export JPG, WebP, PNG.
Wwwatercolor
Watercolor background maker. Free soft organic watercolor and pastel textures. Export JPG, WebP, PNG.
Hhholographic
Holographic and iridescent background maker. Twisting, metallic textures. Export JPG, WebP, PNG.
Gggrain
Grainy SVG gradient generator. Add organic grain to gradients. Blend modes, linear and radial.
Uuunion
SVG generator for wavy mesh-like gradients. Two colors, blur, waviness, shadow. Trending mesh style.
Bbblurry
Blurry shape SVG generator. Add balls, blur, size. Colorful non-distracting backgrounds. Great with glassmorphism.
Ssscales
Gradient scale SVG generator. Noise-based circle patterns. Hue range, saturation. Smooth or pixelated. Randomize, copy, save.
Rrrainbow
Packed circle SVG generator. Voronoi tessellations, noise-based hues. Colorful rainbow backgrounds. Solid, stroke, mixture.
Vvvortex
SVG spinning circle background generator. Motion vortex feel. Gradient or solid. Fade modes. Randomize, copy, save.
Llleaves
SVG generator for organic leaf backgrounds. Leaf-inspired shapes. Mixture, solid, stroke. Randomize, copy, save.
Hhhorizon
SVG generator for futuristic Cyberpunk backgrounds. Striped gradients. Circles, segment, opacity. Web, album covers.
Pppsychedelic
Psychedelic background maker. Wild fluid twisting shapes. Export JPG, WebP, PNG. Aspect 1:1, 4:5, 16:9.
Cccircular
Gradient circle SVG generator. 8 styles, flower-petal feel. Position, opacity modes. Randomize, copy, save.
Bbburst
SVG confetti explosion generator. Colorful burst of shapes. Origin, opacity, amount. Randomize, copy, save SVG.
Rrrepeat
SVG generator for repeating shapes. Interpolate between start and end shapes. Circle, hexagon, more.
PatternIco
Seamless pattern maker for tileable PNG background patterns, including emoji and shape styles.
Mmmotif
SVG generator for 3D-like isometric patterns. Seamless backgrounds. Tiny markup, often under 1KB.
Qqquad
Bauhaus-inspired geometric pattern generator. Quadtree grid. 16:9, 1:1, 4:5. Generative SVG art.
Uuundulate
Undulating ripple SVG generator. Organic repeating patterns. Mesh feel. Gradient or solid strokes. Randomize, copy, save.
Ccchaos
Chaotic wavy SVG generator. Circle, square, triangle, hexagon. Chaos factor, opacity modes. Randomize, copy, save.
Cccoil
Spiral wave SVG generator. Spiraling wave patterns. Rotation, direction. Clean, futuristic. Randomize, copy, save.
Ssspiral
Spiral circle SVG generator. Decorative spiral patterns. Points, distribution, circle size. Randomize, copy, save.
Rrreplicate
SVG line pattern generator. Up to 4 layered patterns. Color, frequency, stroke, angle per pattern. Copy, save SVG.
Ttten
10 Print-inspired SVG grid pattern generator. Classic C64 style. Line caps, opacity, probability. Randomize, copy, save.
Ssscribble
Scribble SVG generator. Organic scribbled backgrounds. Intensity, frequency, spacing. Messiness, texture, fun.
Ooorganize
SVG grid pattern generator. Multiple styles. Columns, rows, color, accent. Seamless tiling. Structured, consistent.
Gggyrate
SVG generator for spinning geometric shapes. Square, triangle, hexagon. Gradient or solid. Fade modes, rotation, spacing.
Ssspot
SVG spot/speck pattern generator. Organic analog texture. Density, opacity. Voronoi. Randomize, copy, save SVG.
Rrreflection
SVG generator for repeated reflective circles. Gradient or solid. Spacing, frequency, stroke. Geometric arrangements.
Tttwinkle
Bursting lines SVG generator. Star twinkle effect. Quantity, stroke, length. Modern, futuristic. Randomize, copy, save.
Ssshape
SVG blob and organic shape generator with skew, tension, gradients, and patterns.
Blobmaker
SVG blob shapes generator for organic shapes, random vector shapes, and lightweight backgrounds.
Shape Divider
SVG section divider generator for wave dividers, CSS shapes, and decorative separators.
Pppointed
Arrow SVG maker. Triangle, diamond, indent arrowheads. Straight, curve, right angle. Copy, save SVG.
Cccloud
Fluffy cloud SVG maker. 4–8 points, arc size (fluffiness). Gradient, solid, or no fill. Copy, save SVG.
Ssstar
Star SVG maker. Decorative stars, shooting stars. 4 presets, control points. Gradient, solid, or no fill.
Lllove
Heart SVG maker. Cute hearts. Locked controls for symmetry or unlock for asymmetric. 4 presets. Copy, save SVG.
Sssplatter
SVG generator for splattered-looking shapes. Organic liquid forms. Smooth, rough. Randomize, copy, save SVG.
Ssspill
SVG generator for spill/melted shapes. Shapes spilling from top. Gradient or solid. Randomize, copy, save SVG.
Dddivided
Customizable split SVG shapes. Divide position, offset, color 1, color 2. Two-tone. MIT licensed.
Dddynamite
Customizable collection of decorative SVG shapes. Stroke, fill, offset. MIT licensed. Web or print. Click to download.
Flectofy
Generate abstract forms from preset systems or blank mode, then export visual assets as SVG or PNG for web and design projects.
Llline
Smooth SVG line and organic stroke generator with gradients, dash, and thickness controls.
Sssurf
SVG wave generator. Add flow and motion. Backgrounds and separators. 4 styles, gradient or solid.
Oooscillate
Wavy line SVG generator. Curvy line patterns. Amplitude, waves, spacing. Futuristic section dividers.
Ffflurry
Futuristic line SVG generator. Sci-fi rain, meteorite shower. Density, angle, thickness. Randomize, copy, save.
Sssquiggly
Wavy line SVG generator. Squiggly patterns. Frequency, points, amplitude. Gradient or solid. Decorative, organic. Randomize, copy, save.
Wwwhirl
SVG generator for twisting line patterns. Repeated twirl. Gradient or solid. Randomize, copy, save SVG.
Dddepth
Curated collection of AI-generated abstract 3D shapes. Free for personal and commercial use.
Nnneon
SVG generator for futuristic glowing shapes. Blur, ghost glow. Circle, hexagon, more.
Ppperspective
SVG generator for vanishing shapes. 3D perspective feel. Origin, size, opacity, skew. Depth and dimension.
Sssurface
SVG generator for 3D-looking balls. Highlight, dark area, shadow. Real-world surface feel. Copy, save SVG.
WebGL Fluid Simulation
Interactive WebGL fluid simulation with real-time physics-like flow, color splashes, and responsive motion.
Space Type Generator
Kinetic type generator for typographic animation: spatial presets, live text, and creative typography experiments in the browser.
Little Big City
Interactive 3D city visualization with map navigation, camera movement, and cinematic urban rendering for creative demos.
Glitch Art Generator
Create glitch-style visuals with interactive distortion and experimental digital aesthetics for posters, covers, and social graphics.
Magic Poser Web
3D pose reference app for artists with adjustable characters, camera views, and scene composition for drawing workflows.
Tttexture
Free grunge, vintage, and concrete textures. High-res macro photographs. No attribution required.
unDraw
Open-source SVG illustrations with on-the-fly color customization.
Lllook
Free SVG face line icons. 103 expressions. Sad to happy. Size, stroke, color. MIT licensed. Click to download.
Dddoodle
120+ hand-drawn SVG doodles. Lines, arrows, circles, stars. Creative Commons. Download pack.
Doodle Ipsum
Generate customizable illustration placeholders with URL-based sizing, style options, and embed-ready links for prototypes.
App Icons Finder
Search and download app icons from major app stores for design references and mockups.
Free Icons
Browse and copy open icon sets with searchable collections for UI, product, and marketing design.
Svg Icons
Browse and copy open svg icon sets with searchable collections for UI, product, and marketing design.
Futicons
Explore futuristic icon sets in line and fill styles, with SVG and PNG downloads for interface and brand workflows.
Heroicons
Browse hand-crafted SVG icons in outline, solid, mini, and micro styles with MIT licensing and framework-friendly usage.
Humbleicons
Explore 284 neutral, carefully crafted free icons for personal and commercial UI projects, with category-based browsing.
Iconbuddy
Search and browse 300k+ open source icons across many libraries, then export assets for design and development workflows.
Craftwork Icons
Browse 500 open-source fill and stroke icons for interface design, product mockups, and front-end implementation.
Iconer
Search, remix, and download royalty-free icons in SVG, PNG, HTML, and JSX from many popular open-source libraries.
Iconoir
Browse a free open-source icon library with support for SVG, React, React Native, Flutter, Figma, Framer, and more.
Icones
Search and explore thousands of open-source icons and icon collections for fast integration into design and development workflows.
Design System Hub
A curated collection of popular design systems from Apple, Ant Design, Shopify Polaris, and more.
Component Gallery
Browse interface component examples across many design systems to compare patterns and support design system decisions.
Design Systems Repo
Explore curated design system examples, articles, tools, books, and talks to support system planning and governance.
Fluent 2 Design System
Explore Microsoft Fluent 2 components, platform guidance, accessibility resources, and design-to-development workflows.
Loved by Designers
Don't just take our word for it. Here's what our users are saying.
"I've tried a lot and this is by far the best charting plugin. It's so easy to use and the results are always great."
B
Ben Risby
"I’ve tried almost every chart plugin in Figma community and UChart is by far the most complete one! Amazing work"
s
sean·yan
"That's the most surprising chart plugin I've ever used."
A
Arthur Kusma
"Wow Amazing work, thank you!"
D
David
"Best charting plugin so far, save me a lot of time"
C
Coolme
Try Our Tools
Start with UChart or explore other Figma plugins. Free to use.