Get boba!
boba Version 1.7.2
  • Introduction
  • Installation
  • Customize
  • Compatibility
  • Changelog
  • Breakpoints
  • Colors
  • Typography
  • Containers
  • Grid
  • Navbar
  • Sections
  • Sidebar
  • Banners
  • Breadcrumbs
  • Cards
  • Collapsible
  • Messages
  • Notifications
  • Pagination
  • Tabs
  • Tables
  • Blockquotes
  • Buttons
  • Code
  • Counters
  • Descriptions
  • Dividers
  • Labels
  • Lists
  • Progress
  • Checkboxes
  • Inputs
  • Radios
  • Selects
  • Switches
  • Textareas
  • Animations
  • Background
  • Borders
  • Display
  • Flex
  • Images
  • Shadows
  • Shapes
  • Sizing
  • Spacing
  • Text

Core

Learn how to build your website with boba!

Colors

Learn more about boba's eye-catching palette.

Palette

Most of our components support our full color palette. Check out our text, background, and border utility classes to get started.
Core Colors
.red
.orange
.yellow
.green
.teal
.blue
.indigo
.purple
.pink

Base

For more information on how to use our base colors, check out our text, background, and border utility classes.
Base Colors
.dark
.light
.black
.white

Tints

For more information on how to use our tint colors, check out our background utility classes.
Tint Colors
.red
.orange
.yellow
.green
.teal
.blue
.indigo
.purple
.pink
.dark
.light

Shades

For more information on how to use shades, check out our text, background, and border utility classes.