Skip to content

Instantly share code, notes, and snippets.

@iclanzan
Last active May 4, 2024 01:57
Show Gist options
  • Star 49 You must be signed in to star a gist
  • Fork 17 You must be signed in to fork a gist
  • Save iclanzan/10785774 to your computer and use it in GitHub Desktop.
Save iclanzan/10785774 to your computer and use it in GitHub Desktop.
UI Component Name Ideas

UI component names

As front-end developers we all know the pain of coming up with meaningful component names for CSS classes. I created this gist as a place to collect terms that are suitable as user interface component names.

Please contribute your own ideas!

Interactive components

  • button
  • switch
  • toggle
  • slider
  • handle
  • tab
  • accordion
  • checkbox
  • input
  • textarea
  • control
  • dropdown

Layout components

  • grid
  • gutter
  • divider
  • compartment

Container components

  • container
  • layer
  • panel
  • pane
  • screen
  • window
  • view
  • viewbox
  • viewport
  • modal
  • dialog
  • prompt
  • popover
  • popup
  • alert
  • menu
  • contextmenu
  • list
  • player
  • slide
  • widget
  • section
  • header
  • footer
  • lightbox
  • inset

Typography components

  • title
  • heading
  • caption
  • paragraph
  • article

Misc. components

  • icon
  • badge
  • label
  • pin
  • message
@juanrb
Copy link

juanrb commented Mar 16, 2017

it'd be awesome if you could attach captures.

@KangPilGyu
Copy link

It`s so cool

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment