Examples

Quickly get a project started with any of our examples ranging from using parts of the framework to custom components and layouts.

Some examples are missing here.

They are tracked in #410 and will be shipped as soon as possible.

One of the missing examples has priority? Feel free to contact a member of the Core team or add a comment directly in the corresponding issue to let us know.

Snippets

Common patterns for building sites and apps that build on existing components and utilities with custom CSS and more.

Footers

Finish every page strong with an awesome footer, big or small.

Custom Components

Brand-new components and templates to help folks quickly get started with Boosted and demonstrate best practices for adding onto the framework.

Cards

List of all card variants (content and design).

Stickers

List of all sticker variants.

Tags

Some tags use cases from links to filter.

Title bars

Orange branded title bars to introduce titles.

Framework

Examples that focus on implementing uses of built-in components provided by Boosted.

Grid

Multiple examples of grid layouts with all four tiers, nesting, and more.

Taking the default navbar component and showing how it can be moved, placed, and extended.

Navbars

Demonstration of all responsive and container options for the navbar.

Navbar sticky

Single navbar example of a sticky-top navbar along with some additional content.

Pages

Complete reusable pages that can be found in the Design Guidelines.

Form

How to build a form with Boosted.

RTL

See Boosted's RTL version in action with these modified Custom Components examples.

RTL is still experimental and will evolve with feedback. Spotted something or have an improvement to suggest?

Please open an issue.

Cards RTL

List of all card variants (content and design).

Integrations

Integrations with external libraries.

Masonry

Combine the powers of the Boosted grid and the Masonry layout.