Search 50 resources

The icon set, the typeface, the device frame, the empty-state drawing. Notes on the resources that end up in good products, written by designers who used them on a deadline.

50 resources

All resources
NameCategoryTypePriceAdded
Halden GroteskA 9-weight variable neo-grotesk with real italics and tabular figuresTypefacesPaid$120
RampsmithGenerates accessible 11-step color ramps and checks every pair for contrastColor & toolsFreemiumFree / $6/mo
Ledgerline UIA finance dashboard kit with 420 components and charts that use real numbersUI kitsPaid$49
Firstrun Archive1,900 onboarding screens from 340 apps, tagged by pattern and stepInspirationPaid$12/mo
Wiggle Icons150 animated interface icons as Lottie, SVG and CSSIconsFreemiumFree / $8/mo
Deskside Devices80 photoreal device mockups with smart objects and Figma framesMockupsPaid$39
Contrast LedgerA Figma plugin that audits every text layer in a file for contrast issuesColor & toolsPaid$8/mo
Hallway PeopleA character builder with 1,200 parts for drawing diverse, believable peopleIllustrationsPaid$49
Orrin SansA humanist UI sans with Latin, Cyrillic and Greek under the Open Font LicenseTypefacesOpen sourceFree
Easing Reel400 micro-interaction recordings with durations and easing curves notedInspirationPaid$9/mo
Chromeless FramesBrowser window frames in Figma, with auto-layout tabs and address barsMockupsOpen sourceFree
Quietboard AdminAdmin panel templates in Figma and Tailwind HTML, with a usable free coreUI kitsFreemiumFree / $79
Wayfinder SpotsSpot illustrations for onboarding and feature tours, in three matching stylesIllustrationsFreemiumFree / $25
Nibble SVGAn in-browser SVG optimizer with a side-by-side diff before you exportColor & toolsOpen sourceFree
Parley Chat KitMessaging UI components, from typing indicators to threaded repliesUI kitsPaid$24
Merch Table40 apparel and merch mockups for tees, totes, caps and stickersMockupsPaid$24
Plinth RoundedA geometric sans with rounded terminals for friendly apps and kids' productsTypefacesPaid$45
Gradient LoomA browser-based mesh gradient editor that exports CSS, SVG and PNGColor & toolsFreeFree
Nothing Here Yet48 empty-state illustrations with one-click recoloringIllustrationsFreeFree
Mirela SerifAn editorial text serif with separate optical sizes for body and headlinesTypefacesPaid$90
Pricepage Index620 SaaS pricing pages, tagged by model, plan count and layoutInspirationFreemiumFree / $10/mo
Duotone Depot1,100 two-tone icons where both colors are variables you can swapIconsPaid$29
Claystack Devices45 clay-style 3D device scenes, free for commercial workMockupsFreeFree
Pairing Notes220 typeface pairings shown in real layouts, with free alternativesInspirationFreeFree
Tokenbench StarterA token pipeline template that turns one JSON file into CSS, iOS and Android valuesUI kitsOpen sourceFree
PenumbraAn open-source generator for layered, realistic box shadowsColor & toolsOpen sourceFree
Quarry SlabA sturdy slab serif with a free Regular and a paid 10-style familyTypefacesFreemiumFree / $60
Studio Shelf Scene Builder300 cut-out objects for building your own hero scenes around a deviceMockupsPaid$45
Tessellate DSA design-system starter with tokens, a Figma library and matching React componentsUI kitsOpen sourceFree
Chartwall750 dashboard screens filtered by chart type, density and industryInspirationPaid$15/mo
Filetype Pack220 file-type icons for upload screens, file browsers and docsIconsPaid$12
Isoblock City200 isometric 3D objects with source scenes, renders and transparent PNGsIllustrationsPaid$59
Pagecraft Sections300 marketing page sections that snap together into a landing pageUI kitsPaid$39
Palette PressPull a usable palette out of any photo, then export it as tokensColor & toolsFreeFree
Margin Doodles500 hand-drawn arrows, underlines and scribbles in the public domainIllustrationsFreeFree
Stubby Icons640 chunky filled icons for friendly consumer appsIconsPaid$19
Brindle DisplayA condensed display face with seven widths for posters and hero headlinesTypefacesPaid$35
ScalewrightA type and spacing scale calculator that outputs fluid CSS clamp() valuesColor & toolsFreeFree
Tinytick 16480 pixel-snapped icons drawn specifically for 16px interfacesIconsFreeFree
Formwell180 form components with every validation state already drawnUI kitsFreeFree
Pressroom Mockups52 stationery and print scenes for presenting brand identity workMockupsPaid$29
Papercut Scenes60 layered paper-cut scenes with real shadows, ready for parallaxIllustrationsPaid$34
Dockside Mobile230 app screens for iOS and Android, built on platform-native patternsUI kitsPaid$59
Lost & Found 404280 error pages that help people find their way backInspirationFreeFree
Pennant Flags260 country and region flags in four shapes, public domainIconsFreeFree
Tally MonoAn open-source monospace for code editors, terminals and data tablesTypefacesOpen sourceFree
Grainfield Shapes120 grainy abstract shapes and backgrounds for posters and hero sectionsIllustrationsPaid$19
Linewright Icons2,400 outline icons on a 24px grid, MIT licensed, in SVG, Figma and ReactIconsOpen sourceFree
Pocketbook ScriptA handwritten script with 4 alternates per letter so words never repeatTypefacesPaid$29
Above the Fold WeeklyAn archive of 160 annotated landing pages, one teardown per weekInspirationFreeFree
Live demo · Kerning Shelf— View template →