Skip to main contentSkip to site searchSkip to component search
Honeycomb
  • Components
  • Emails
    • Flags
    • Icons
    • Illustrations
    • Logos
    • Favicons
  • Guides
  • Examples
  • Components
  • Emails
    • Flags
    • Icons
    • Illustrations
    • Logos
    • Favicons
  • Guides
  • Examples

Basics

  • Get started
  • Changelog
  • Contributing
    • Overview
    • Colors
    • Spacing
    • Typography
    • Effects
  • Themes

Components

  • Accordion
  • Avatar
  • Balloon
  • Blockquote
  • Box
  • Breadcrumbs
  • Button
  • Calendar
  • Checkbox
  • Choice wrapper
  • Connection
  • Data table
  • Divider
  • Dropdown
  • Fieldset
  • Fineprint
  • Footer
  • Footer Nav
  • Form Row
  • Grid
  • Header
  • Header Bar
  • Header brand
  • Header burger menu
  • Header navigation
  • Header skip links
  • Header widgets
  • Heading
  • Image Box
  • Infobox
  • Input
  • Language switcher
  • Layout
  • Link
  • List
  • List Description
  • List Numbered
  • List Wrapper
  • Mark
  • Nav Horizontal
  • Nav Side
  • Nav Tab Bar
  • Notification
  • Pager
  • Panel
  • Popup
  • Progress Tracker
  • Quantity
  • Radio
  • Range
  • Select
  • Select Group
  • Skeleton
  • Skip Link
  • Spinner
  • Switch
  • Table
  • Tag
  • Text
  • Textarea
  • Tooltip

Helpers

  • Reset
  • Space
  • SR-Only
  • Text Alignment
  • Visibility

Plugins

  • Class Toggler
  • Dropdown
  • Popup
  • Tabs
  • Tooltip

Effects

Effect variables combine styles, such as shadows, borders, and others across the design system. By using effect variables, design teams ensure coherence in the appearance of visual elements, enhancing aesthetics and user experience.


  • Made with 🍯 by FlixMobility 2025
  • Credits