Search 50 resources

50 resources

Try: Free icon setsVariable fontsDashboard UI kitDevice mockups

• halden-grotesk.example

  AaSerif

  Halden GroteskABCDEFGHIJKLMabcdefghijklm0123456789 &?!

  LightRegularSemiboldBlack

  A 9-weight variable neo-grotesk with real italics and tabular figures

  HG

  Halden Grotesk

  Typefaces

  Paid

  A 9-weight variable neo-grotesk with real italics and tabular figures

  $1204.9

  • sans serif
  • variable font

• rampsmith.example

  RampsmithExport

  Frame 1HeaderHeroShapeBadgeFooter

  X 396Y 181

  RA

  Rampsmith

  Color & tools

  Freemium

  Generates accessible 11-step color ramps and checks every pair for contrast

  Free / $6/mo4.8

  • color ramps
  • accessibility

• ledgerline-ui.example

  PrimarySecondaryTertiary

  Ledgerline UIUpgradeActive

  ProfileBillingTeamSign out

  OverviewAPIUsageBadgeNeutral

  LU

  Ledgerline UI

  UI kits

  Paid

  A finance dashboard kit with 420 components and charts that use real numbers

  $494.8

  • fintech
  • dashboard

• firstrun-archive.example

  FirstrunAllPhotos3DVector

  FA

  Firstrun Archive

  Inspiration

  Paid

  1,900 onboarding screens from 340 apps, tagged by pattern and step

  $12/mo4.7

  • onboarding
  • ux patterns

• wiggle-icons.example

  1,341 iconsOutline

  map-pinCopy SVG

  WI

  Wiggle Icons

  Icons

  Freemium

  150 animated interface icons as Lottie, SVG and CSS

  Free / $8/mo4.2

  • animated
  • lottie

• deskside-devices.example

  DesksideAllPhotos3DVector

  DD

  Deskside Devices

  Mockups

  Paid

  80 photoreal device mockups with smart objects and Figma frames

  $394.7

  • devices
  • photoreal

• contrast-ledger.example

  ContrastExport

  Frame 1HeaderHeroShapeBadgeFooter

  X 226Y 288

  CL

  Contrast Ledger

  Color & tools

  Paid

  A Figma plugin that audits every text layer in a file for contrast issues

  $8/mo4.6

  • accessibility
  • figma plugin

• hallway-people.example

  HallwayAllPhotos3DVector

  HP

  Hallway People

  Illustrations

  Paid

  A character builder with 1,200 parts for drawing diverse, believable people

  $494.8

  • characters
  • people

• orrin-sans.example

  AaVariable

  Orrin SansABCDEFGHIJKLMabcdefghijklm0123456789 &?!

  LightRegularSemiboldBlack

  A humanist UI sans with Latin, Cyrillic and Greek under the Open Font License

  OS

  Orrin Sans

  Typefaces

  Open source

  A humanist UI sans with Latin, Cyrillic and Greek under the Open Font License

  Free4.6

  • sans serif
  • multilingual

• easing-reel.example

  EasingAllPhotos3DVector

  ER

  Easing Reel

  Inspiration

  Paid

  400 micro-interaction recordings with durations and easing curves noted

  $9/mo4.5

  • motion
  • micro-interactions

• chromeless-frames.example

  ChromelessAllPhotos3DVector

  CF

  Chromeless Frames

  Mockups

  Open source

  Browser window frames in Figma, with auto-layout tabs and address bars

  Free4.6

  • browser
  • figma

• quietboard-admin.example

  PrimarySecondaryTertiary

  Quietboard UIUpgradeActive

  ProfileBillingTeamSign out

  OverviewAPIUsageBadgeNeutral

  QA

  Quietboard Admin

  UI kits

  Freemium

  Admin panel templates in Figma and Tailwind HTML, with a usable free core

  Free / $794.3

  • admin
  • tailwind

• wayfinder-spots.example

  WayfinderAllPhotos3DVector

  WS

  Wayfinder Spots

  Illustrations

  Freemium

  Spot illustrations for onboarding and feature tours, in three matching styles

  Free / $254.2

  • spot illustrations
  • onboarding

• nibble-svg.example

  NibbleExport

  Frame 1HeaderHeroShapeBadgeFooter

  X 256Y 251

  NS

  Nibble SVG

  Color & tools

  Open source

  An in-browser SVG optimizer with a side-by-side diff before you export

  Free4.6

  • svg
  • optimization

• parley-chat-kit.example

  PrimarySecondaryTertiary

  Parley UIUpgradeActive

  ProfileBillingTeamSign out

  OverviewAPIUsageBadgeNeutral

  PC

  Parley Chat Kit

  UI kits

  Paid

  Messaging UI components, from typing indicators to threaded replies

  $244.4

  • chat
  • messaging

• merch-table.example

  MerchAllPhotos3DVector

  MT

  Merch Table

  Mockups

  Paid

  40 apparel and merch mockups for tees, totes, caps and stickers

  $244.0

  • apparel
  • merch

• plinth-rounded.example

  AaVariable

  Plinth RoundedABCDEFGHIJKLMabcdefghijklm0123456789 &?!

  LightRegularSemiboldBlack

  A geometric sans with rounded terminals for friendly apps and kids' products

  PR

  Plinth Rounded

  Typefaces

  Paid

  A geometric sans with rounded terminals for friendly apps and kids' products

  $454.4

  • rounded
  • geometric

• gradient-loom.example

  GradientExport

  Frame 1HeaderHeroShapeBadgeFooter

  X 263Y 55

  GL

  Gradient Loom

  Color & tools

  Free

  A browser-based mesh gradient editor that exports CSS, SVG and PNG

  Free4.5

  • gradients
  • css

• nothing-here-yet.example

  NothingAllPhotos3DVector

  NH

  Nothing Here Yet

  Illustrations

  Free

  48 empty-state illustrations with one-click recoloring

  Free4.7

  • empty states
  • svg

• mirela-serif.example

  AaSans

  Mirela SerifABCDEFGHIJKLMabcdefghijklm0123456789 &?!

  LightRegularSemiboldBlack

  An editorial text serif with separate optical sizes for body and headlines

  MS

  Mirela Serif

  Typefaces

  Paid

  An editorial text serif with separate optical sizes for body and headlines

  $904.7

  • serif
  • editorial

• pricepage-index.example

  PricepageAllPhotos3DVector

  PI

  Pricepage Index

  Inspiration

  Freemium

  620 SaaS pricing pages, tagged by model, plan count and layout

  Free / $10/mo4.4

  • pricing pages
  • saas

• duotone-depot.example

  3,687 iconsDuotone

  rocketCopy SVG

  DD

  Duotone Depot

  Icons

  Paid

  1,100 two-tone icons where both colors are variables you can swap

  $294.5

  • duotone
  • figma variables

• claystack-devices.example

  ClaystackAllPhotos3DVector

  CD

  Claystack Devices

  Mockups

  Free

  45 clay-style 3D device scenes, free for commercial work

  Free4.5

  • 3d
  • clay

• pairing-notes.example

  AaSerif

  Pairing NotesABCDEFGHIJKLMabcdefghijklm0123456789 &?!

  LightRegularSemiboldBlack

  220 typeface pairings shown in real layouts, with free alternatives

  PN

  Pairing Notes

  Inspiration

  Free

  220 typeface pairings shown in real layouts, with free alternatives

  Free4.6

  • type pairing
  • typography

• tokenbench.example

  PrimarySecondaryTertiary

  Tokenbench UIUpgradeActive

  ProfileBillingTeamSign out

  OverviewAPIUsageBadgeNeutral

  TS

  Tokenbench Starter

  UI kits

  Open source

  A token pipeline template that turns one JSON file into CSS, iOS and Android values

  Free4.5

  • design tokens
  • pipeline

• penumbra.example

  PenumbraExport

  Frame 1HeaderHeroShapeBadgeFooter

  X 144Y 278

  PE

  Penumbra

  Color & tools

  Open source

  An open-source generator for layered, realistic box shadows

  Free4.7

  • shadows
  • css

• quarry-slab.example

  AaMono

  Quarry SlabABCDEFGHIJKLMabcdefghijklm0123456789 &?!

  LightRegularSemiboldBlack

  A sturdy slab serif with a free Regular and a paid 10-style family

  QS

  Quarry Slab

  Typefaces

  Freemium

  A sturdy slab serif with a free Regular and a paid 10-style family

  Free / $604.3

  • slab serif
  • editorial

• studio-shelf.example

  StudioAllPhotos3DVector

  SS

  Studio Shelf Scene Builder

  Mockups

  Paid

  300 cut-out objects for building your own hero scenes around a device

  $454.2

  • scene builder
  • top-down

• tessellate-ds.example

  PrimarySecondaryTertiary

  Tessellate UIUpgradeActive

  ProfileBillingTeamSign out

  OverviewAPIUsageBadgeNeutral

  TD

  Tessellate DS

  UI kits

  Open source

  A design-system starter with tokens, a Figma library and matching React components

  Free4.6

  • design system
  • tokens

• chartwall.example

  ChartwallAllPhotos3DVector

  CH

  Chartwall

  Inspiration

  Paid

  750 dashboard screens filtered by chart type, density and industry

  $15/mo4.3

  • dashboards
  • data viz

• filetype-pack.example

  3,126 iconsOutline

  bellCopy SVG

  FP

  Filetype Pack

  Icons

  Paid

  220 file-type icons for upload screens, file browsers and docs

  $124.1

  • file types
  • uploads

• isoblock-city.example

  IsoblockAllPhotos3DVector

  IC

  Isoblock City

  Illustrations

  Paid

  200 isometric 3D objects with source scenes, renders and transparent PNGs

  $594.5

  • 3d
  • isometric

• pagecraft-sections.example

  PSPagecraft SectionsGet started

  New · v4.5300 marketing page sections that snapStart freeDemo

  PS

  Pagecraft Sections

  UI kits

  Paid

  300 marketing page sections that snap together into a landing page

  $394.2

  • landing pages
  • marketing

• palette-press.example

  PaletteExport

  Frame 1HeaderHeroShapeBadgeFooter

  X 139Y 270

  PP

  Palette Press

  Color & tools

  Free

  Pull a usable palette out of any photo, then export it as tokens

  Free4.3

  • palettes
  • image

• margin-doodles.example

  MarginAllPhotos3DVector

  MD

  Margin Doodles

  Illustrations

  Free

  500 hand-drawn arrows, underlines and scribbles in the public domain

  Free4.6

  • hand drawn
  • annotations

• stubby-icons.example

  1,511 iconsDuotone

  rocketCopy SVG

  SI

  Stubby Icons

  Icons

  Paid

  640 chunky filled icons for friendly consumer apps

  $194.3

  • filled
  • rounded

• brindle-display.example

  AaMono

  Brindle DisplayABCDEFGHIJKLMabcdefghijklm0123456789 &?!

  LightRegularSemiboldBlack

  A condensed display face with seven widths for posters and hero headlines

  BD

  Brindle Display

  Typefaces

  Paid

  A condensed display face with seven widths for posters and hero headlines

  $354.4

  • display
  • condensed

• scalewright.example

  ScalewrightExport

  Frame 1HeaderHeroShapeBadgeFooter

  X 147Y 171

  SC

  Scalewright

  Color & tools

  Free

  A type and spacing scale calculator that outputs fluid CSS clamp() values

  Free4.5

  • typography
  • css clamp

• tinytick.example

  3,729 iconsOutline

  musicCopy SVG

  T1

  Tinytick 16

  Icons

  Free

  480 pixel-snapped icons drawn specifically for 16px interfaces

  Free4.6

  • 16px
  • pixel perfect

• formwell.example

  PrimarySecondaryTertiary

  Formwell UIUpgradeActive

  ProfileBillingTeamSign out

  OverviewAPIUsageBadgeNeutral

  FO

  Formwell

  UI kits

  Free

  180 form components with every validation state already drawn

  Free4.5

  • forms
  • validation

• pressroom-mockups.example

  PressroomAllPhotos3DVector

  PM

  Pressroom Mockups

  Mockups

  Paid

  52 stationery and print scenes for presenting brand identity work

  $294.3

  • print
  • branding

• papercut-scenes.example

  PapercutAllPhotos3DVector

  PS

  Papercut Scenes

  Illustrations

  Paid

  60 layered paper-cut scenes with real shadows, ready for parallax

  $344.3

  • paper cut
  • scenes

• dockside-mobile.example

  PrimarySecondaryTertiary

  Dockside UIUpgradeActive

  ProfileBillingTeamSign out

  OverviewAPIUsageBadgeNeutral

  DM

  Dockside Mobile

  UI kits

  Paid

  230 app screens for iOS and Android, built on platform-native patterns

  $594.4

  • mobile
  • ios

• lost-and-found-404.example

  LostAllPhotos3DVector

  LF

  Lost & Found 404

  Inspiration

  Free

  280 error pages that help people find their way back

  Free4.1

  • 404 pages
  • error states

• pennant-flags.example

  961 iconsDuotone

  cpuCopy SVG

  PF

  Pennant Flags

  Icons

  Free

  260 country and region flags in four shapes, public domain

  Free4.7

  • flags
  • i18n

• tally-mono.example

  AaSerif

  Tally MonoABCDEFGHIJKLMabcdefghijklm0123456789 &?!

  LightRegularSemiboldBlack

  An open-source monospace for code editors, terminals and data tables

  TM

  Tally Mono

  Typefaces

  Open source

  An open-source monospace for code editors, terminals and data tables

  Free4.8

  • monospace
  • coding font

• grainfield-shapes.example

  GrainfieldAllPhotos3DVector

  GS

  Grainfield Shapes

  Illustrations

  Paid

  120 grainy abstract shapes and backgrounds for posters and hero sections

  $194.1

  • abstract
  • grain

• linewright-icons.example

  3,267 iconsDuotone

  lockCopy SVG

  LI

  Linewright Icons

  Icons

  Open source

  2,400 outline icons on a 24px grid, MIT licensed, in SVG, Figma and React

  Free4.9

  • outline
  • svg

• pocketbook-script.example

  AaSerif

  Pocketbook ScriptABCDEFGHIJKLMabcdefghijklm0123456789 &?!

  LightRegularSemiboldBlack

  A handwritten script with 4 alternates per letter so words never repeat

  PS

  Pocketbook Script

  Typefaces

  Paid

  A handwritten script with 4 alternates per letter so words never repeat

  $294.2

  • script
  • handwriting

• above-the-fold-weekly.example

  ATAbove the Fold WeeklyGet started

  New · v4.3An archive of 160 annotated landingStart freeDemo

  AT

  Above the Fold Weekly

  Inspiration

  Free

  An archive of 160 annotated landing pages, one teardown per week

  Free4.4

  • landing pages
  • newsletter