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

### Experimentals#

The Experimentals include experimental elements and features, mostly are not yet ready for wide use. These elements and components are limited inside `spectre-exp.scss` before browsers fully support them. Sometimes, there are some specific browsers targeted components.

360-Degree Viewer
Interactive 360-degree product photo viewer
View
Autocomplete
Form component provides suggestions while you type
View
Calendars
Date or date range picker and events display based on Flexbox
View
Carousels
Pure CSS slideshows for cycling images
View
Comparison sliders
Pure CSS sliders for comparing two images
View
Filters
CSS only content filters
View
Meters
Representing the value within the known range
View
Off-canvas
Navigation layout that sidebars can slide in and out of the viewport
View
Parallax
Pure CSS Apple TV/tvOS hover parallax effect
View
Progress
Indicating the progress completion of a task
View
Sliders
Selecting values from ranges
View
Timelines
Ordered sequences of activities
View

GitHub · Twitter · PayPal Donate · Patreon Sponsor · Version

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