Components - Spectre.css CSS Framework
Author: Yan Zhu
Description: Accordions, Avatars, Badges, Bars, Breadcrumbs, Cards, Chips, Empty states, Menu, Modals, Nav, Pagination, Panels, Popovers, teps, Tabs, TIles, Toasts, Tooltips

PayPal GitHub

## SPECTRE

DOCS
Getting started

- Installation
- Custom version
- Browser support
- What's new

Elements

- Typography
- Tables
- Buttons
- Forms
- Icons.css
- Labels
- Code
- Media

Layout

- Flexbox grid
- Responsive
- Hero
- Navbar

Components

- Accordions
- Avatars
- Badges
- Bars
- Breadcrumbs
- Cards
- Chips
- Empty states
- Menu
- Modals
- Nav
- Pagination
- Panels
- Popovers
- Steps
- Tabs
- Tiles
- Toasts
- Tooltips

Utilities

- Colors
- Cursors
- Display
- Divider
- Loading
- Position
- Shapes
- Text

Experimentals

- 360-Degree Viewer
- Autocomplete
- Calendars
- Carousels
- Comparison sliders
- Filters
- Meters
- Off-canvas
- Parallax
- Progress
- Sliders
- Timelines

### 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
View
Avatars
User profile pictures
View
Badges
Used as unread number indicators
View
Bars
Progress of a task or the value within the known range
View
Breadcrumbs
Navigational hierarchies to indicate current location
View
Cards
Flexible content containers
View
Chips
Complex entities in small blocks
View
Empty states
Navigational hierarchies to indicate current location
View
Menu
Vertical list of links or buttons for actions and navigation
View
Modals
Flexible dialog prompts
View
Nav
Vertical list of links
View
Pagination
Vertical list of links or buttons for actions and navigation
View
Panels
Flexible view container with auto-expand content section
View
Popovers
Small overlay content containers
View
Steps
Progress indicators of a sequence of task steps
View
Tabs
Switch between different views
View
Tiles
Repeatable or embeddable information blocks
View
Toasts
Progress indicators of a sequence of task steps
View
Tooltips
Context information labels that appear on hover and focus
View

GitHub · Twitter · PayPal Donate · Patreon Sponsor · Version

Designed and built with ♥ by Yan Zhu. Licensed under the MIT License.