Skip to content

+ STYLESCAPE

Dark mode

00. Pages

›

Overview

›

Django Templates
Gallery
Index
Page
Screen
Media
Semantic
Typography

12. Lexicon

›

Color

›

Palette
System

21. Typography

›

Font

›

Font Default
Font Letter Spacing
Font Size
Font Weight

Character

›

Character Abbreviation
Character Acronym
Character Case
Character Citation
Character Code
Character Dropcap
Character Hyperlink
Character Lined
Character Mark
Character Quote
Character Variant
Character

Paragraph

›

Paragraph Align
Paragraph Heading
Paragraph Indent
Paragraph

List

›

List Special
List

23. Layout

›

Layout Primitives

›

App
Dashboard
Flex
Grid
Layers
Viewport Grid

24. Appearance

›

Object Properties

›

Border
Color
Corner
Fill
Height
Margin
Padding
Shadow
Width

Line & Rules

›

Line rule
Line

31. Modules

›

Buttons

›

Button Group
Button
Api Explorer
Auth
Avatar
Bottom Nav
Brand
Calendar
Cart
Chart
Checkout
Choice
Close
Code Block
Collapse
Input
Comment
Context Menu
Control Grid
Countdown
Demo
Description List
Diff
Django Forms
Dropcap
Dropzone
Empty State
Fab
File Input
Filter Bar
Flipper
Floating Label
Footer
Gantt
Headline
Htmx
Indicator
Join
Kbd
Legend
Log
Mask
Messages
Offcanvas
Order Summary
Overlay Panel
Overlay
Panel
Pricing
Pull Quote
Radial Progress
Rating
Scrollspy
Search Bar
Section Header
Section Title
Segmented
Sheet
Shortcut List
Split
Stack
Stepper
Steps
Subnav
Swap
Tab
Theme Toggle
Title Bar
Toolbar
Tree
Validation
Viewport

Inputs & Forms

›

Checkbox
Drilldown
Dropdown
Form
Formfield
Input Group
Input
Label
Radio
Range
Select
Switch
Toggle

Status & Feedback

›

Alert
Badge
Popover
Preloader
Progress
Skeleton
Spinner
Toast
Tooltip

Navigation

›

Breadcrumb
Menu Item
Nav
Navbar
Pagination
Rail
Ribbon
Sidebar
Ticker
Toc

Cards & Content

›

Accordion
Blogpost
Card
Chip
Cover
Figure
Graphic
Hero
Placeholder
Preview
Summary
Widget

Media

›

Carousel
Gallery
Iframe
Image Compare
Image Slider
Image
Map
Video Button
Video

Data Display

›

Chat
Icon Bar
Icon Font
Icon
List Group
Portfolio
Social
Stat
State
Table
Tags List
Timeline
Timestamp
Vcard

Misc

›

Box
Caption
Cookie
Cursor
Dimensions
Divider
Interactive
Modal
Spacer

61. TypeScript Features

›

Interactive Features

›

Animations
Buttons
Content
Data
Elements
Forms
Media
Mouse
Scroll
Storage
Utilities

90. Architecture

›

Architecture Reference

›

01 Core
11 Reset
12 Lexicon
13 Rhythm
21 Typography
22 Flow
23 Layout
24 Appearance
31 Modules
32 Utilities
33 Overrides
91 Development
Index

99. Tests

›

Test Pages

›

Test
Class Coverage
Compat V03
Frame Login
Layers
Scapeframe

Class Coverage

This page references auto-generated coverage classes.

Latest update: Stylescape v0.1 now live!
New components released today.
☼ Tip: Use mixins for modular SCSS!