Components
Spectre.css is a lightweight, responsive and modern CSS framework for faster and extensible development.
Spectre provides basic styles for typography and elements, flexbox based responsive layout system, pure CSS components and utilities with best practice coding and consistent design language.
Accordions
Used to toggle sections of content
Avatars
User profile pictures
Badges
Used as unread number indicators
Bars
Progress of a task or the value within the known range
Breadcrumbs
Navigational hierarchies to indicate current location
Cards
Flexible content containers
Chips
Complex entities in small blocks
Empty states
Navigational hierarchies to indicate current location
Menu
Vertical list of links or buttons for actions and navigation
Modals
Flexible dialog prompts
Nav
Vertical list of links
Pagination
Vertical list of links or buttons for actions and navigation
Panels
Flexible view container with auto-expand content section
Popovers
Small overlay content containers
Steps
Progress indicators of a sequence of task steps
Tabs
Switch between different views
Tiles
Repeatable or embeddable information blocks
Toasts
Progress indicators of a sequence of task steps
Tooltips
Context information labels that appear on hover and focus