UI kits, icon sets, typefaces, illustrations, mockups and color tools for product designers and front-end developers. Every pick is opened, tested and labeled with its real license.
50 resources
Try: Free icon setsVariable fontsDashboard UI kitDevice mockups
Typefaces
A 9-weight variable neo-grotesk with real italics and tabular figures
Halden Grotesk is a neo-grotesk drawn for interfaces and brand work alike. It comes in nine weights from Thin to Black with true italics, not slanted romans, and a…
Color & tools
Generates accessible 11-step color ramps and checks every pair for contrast
UI kits
A finance dashboard kit with 420 components and charts that use real numbers
Ledgerline UI is a Figma kit for fintech and analytics products. It ships 420 components, 64 ready screens (accounts, transactions, invoices, cards, reports) and 38 chart…
Inspiration
1,900 onboarding screens from 340 apps, tagged by pattern and step
Mockups
80 photoreal device mockups with smart objects and Figma frames
Deskside Devices contains 80 photographed scenes with phones, tablets, laptops and monitors on desks, in hands and on shelves. Each scene is a layered PSD with smart…
Color & tools
A Figma plugin that audits every text layer in a file for contrast issues
Contrast Ledger scans a Figma page or whole file and lists every text layer that fails WCAG contrast against its actual background, including text on images and…
Illustrations
A character builder with 1,200 parts for drawing diverse, believable people
Typefaces
A humanist UI sans with Latin, Cyrillic and Greek under the Open Font License
Inspiration
400 micro-interaction recordings with durations and easing curves noted
Mockups
Browser window frames in Figma, with auto-layout tabs and address bars
Chromeless Frames is a Figma library of browser windows for presenting web work: 30 variants covering light and dark themes, three operating-system styles, a minimal…
UI kits
Admin panel templates in Figma and Tailwind HTML, with a usable free core
Illustrations
Spot illustrations for onboarding and feature tours, in three matching styles
Color & tools
An in-browser SVG optimizer with a side-by-side diff before you export
UI kits
Messaging UI components, from typing indicators to threaded replies
Parley Chat Kit focuses on one job: chat interfaces. Its 96 Figma components cover message bubbles with reactions, threaded replies, voice notes, file attachments, read…
Mockups
40 apparel and merch mockups for tees, totes, caps and stickers
Merch Table offers 40 mockup scenes for brand merchandise: t-shirts on hangers and models, hoodies, tote bags, caps, mugs, enamel pins and sticker sheets. Fabric scenes…
Typefaces
A geometric sans with rounded terminals for friendly apps and kids' products
Color & tools
A browser-based mesh gradient editor that exports CSS, SVG and PNG
Illustrations
48 empty-state illustrations with one-click recoloring
Nothing Here Yet covers the screens nobody remembers to design: empty inboxes, no search results, offline, first project, payment failed, permission denied, 404 and more.…
Typefaces
An editorial text serif with separate optical sizes for body and headlines
Inspiration
620 SaaS pricing pages, tagged by model, plan count and layout
Pricepage Index collects 620 pricing pages from software products, captured in full length with toggles opened, so you see both monthly and annual prices and the…
Mockups
45 clay-style 3D device scenes, free for commercial work
Claystack Devices renders phones, laptops, watches and tablets in a soft matte clay style on pastel backgrounds. The 45 scenes come as layered PSDs with smart objects and…
UI kits
A token pipeline template that turns one JSON file into CSS, iOS and Android values
Color & tools
An open-source generator for layered, realistic box shadows
Penumbra builds box shadows the way light actually falls: several stacked shadows with increasing blur and decreasing opacity, tinted toward the background color instead…
Typefaces
A sturdy slab serif with a free Regular and a paid 10-style family
Quarry Slab is a slab serif with low contrast and squared serifs that hold up on cheap screens and newsprint alike. The Regular weight is free for any use, including…
Mockups
300 cut-out objects for building your own hero scenes around a device
UI kits
A design-system starter with tokens, a Figma library and matching React components
Icons
220 file-type icons for upload screens, file browsers and docs
Filetype Pack covers 220 file formats, from PDF and DOCX to SVG, PSD, MP4, JSON, CSV and a long tail of code and archive formats. Each icon comes in three styles: a…
Illustrations
200 isometric 3D objects with source scenes, renders and transparent PNGs
Illustrations
500 hand-drawn arrows, underlines and scribbles in the public domain
Margin Doodles is a set of 500 hand-drawn marks: arrows, circles, underlines, stars, brackets, speech bubbles and highlighter strokes. They were drawn with a brush pen,…
Icons
640 chunky filled icons for friendly consumer apps
Stubby Icons is a filled set with soft, rounded shapes and slightly oversized details that stay readable at 20px. There are 640 icons in two weights, regular and bold,…
Typefaces
A condensed display face with seven widths for posters and hero headlines
Color & tools
A type and spacing scale calculator that outputs fluid CSS clamp() values
Icons
480 pixel-snapped icons drawn specifically for 16px interfaces
Most icon sets are drawn at 24px and scaled down, which blurs strokes and closes small gaps. Tinytick 16 is drawn on a 16px grid with 1px strokes snapped to whole pixels,…
Mockups
52 stationery and print scenes for presenting brand identity work
Pressroom Mockups gathers 52 photographed print scenes: business cards, letterheads, envelopes, notebooks, posters, folded brochures, packaging boxes and signage. Each…
Illustrations
60 layered paper-cut scenes with real shadows, ready for parallax
UI kits
230 app screens for iOS and Android, built on platform-native patterns
Dockside Mobile is an app kit with 230 screens grouped into 14 flows: onboarding, sign-in, feeds, profiles, messaging, settings, checkout and more. Every screen exists in…
Typefaces
An open-source monospace for code editors, terminals and data tables
Tally Mono is a monospaced family designed to make similar characters impossible to confuse: zero is slashed, lowercase l has a tail, and the 1 has a flag. It comes in…
Illustrations
120 grainy abstract shapes and backgrounds for posters and hero sections
Grainfield Shapes is a pack of 120 abstract compositions: blobs, arches, waves and stacked geometric forms finished with a fine noise texture. Each comes as a 5K PNG, a…
Icons
2,400 outline icons on a 24px grid, MIT licensed, in SVG, Figma and React
Typefaces
A handwritten script with 4 alternates per letter so words never repeat
Inspiration
An archive of 160 annotated landing pages, one teardown per week
No resources match that search.
Try a shorter word, another category, or suggest a resource.