Click the title to expand or collapse the content. Useful for FAQs, product details, and more.
A notification banner that can auto-open on page load or via a trigger, animates in and out, and remembers dismissals in local storage.
Breadcrumb
Buttons and link styling. Supports icons by default. Part of the BTP base.
Filters DOM elements by text content. Flagged items receive a data attribute indicating whether they match the query.
- Apple
- Banana
- Cherry
- Dragonfruit
- Elderberry
- Fig
A site footer with a CTA section, copyright bar, and social links.
A responsive, accessible hero with an animated aurora background. Respects reduced-motion and pauses when offscreen.
Design System
Build beautifully, accessibly, fast.
A component library of thoughtfully crafted primitives that respect every user, every viewport, and every moment of motion preference.
Aurora variant
Dark, dazzling, and never distracting.
Pairs a deep gradient surface with a soft moving aurora. It dims on reduced-motion preferences and pauses whenever it scrolls offscreen.
A flexible text input component with support for icons, add-ons, and helper text.
Boxed (Default)
'%20%3e%3crect%20opacity='0.2'%20width='20'%20height='20'%20rx='3'%20fill='%23737373'%20/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_2141_181969'%20%3e%3crect%20width='20'%20height='20'%20fill='white'%20/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e)
Add-on 
Add-on Add-on Add-on Underline
Add-on Add-on Add-on Add-on A collection of common UI toggles. Part of the BTP base.
A collection of common UI layouts. Part of the BTP base.
Two Columns
Three Columns
Full Bleed
Right Bleed
Left Bleed
A semantic "dialog" modal element with built-in closing and escape key functionality.
A responsive nav menu component with submenus and nested items.
Standard Nested Menu
Mega Menu
Pagination
Progress bar
An accessible slider/carousel component with optional content.
Scroll Slider
Slide 1 Title
Slide 1 Description
Slide 2 Title
Slide 2 Description
Slide 3 Title
Slide 3 Description
Crossfade Slider
Slide 1 Title
Slide 1 Description
Slide 2 Title
Slide 2 Description
Slide 3 Title
Slide 3 Description
A tabbed panel component with optional content and tab navigation.
Maria Theresia Ahlefeldt (16 January 1755 - 20 December 1810) was a Danish, (originally German), composer. She is known as the first female composer in Denmark. Maria Theresia composed music for several ballets, operas, and plays of the royal theatre. She was given good critic as a composer and described as a "virkelig Tonekunstnerinde" ('a True Artist of Music').
Carl Joachim Andersen (29 April 1847 - 7 May 1909) was a Danish flutist, conductor and composer born in Copenhagen, son of the flutist Christian Joachim Andersen. Both as a virtuoso and as composer of flute music, he is considered one of the best of his time. He was considered to be a tough leader and teacher and demanded as such a lot from his orchestras but through that style he reached a high level.
Section under construction!
Peter Erasmus Lange-Muller (1 December 1850 - 26 February 1926) was a Danish composer and pianist. His compositional style was influenced by Danish folk music and by the work of Robert Schumann; Johannes Brahms; and his Danish countrymen, including J.P.E. Hartmann.
Toasty, toasty 🍞
Description
Description
Description
Description
Description
A simple tooltip component with a close button and optional actions.
Tooltip Heading
Lorem ipsum dolor sit amet consectetur adipisicing elit. Consequatur amet labore.
Tooltip Heading
Lorem ipsum dolor sit amet consectetur adipisicing elit. Consequatur amet labore.
Tooltip Heading
Lorem ipsum dolor sit amet consectetur adipisicing elit. Consequatur amet labore.
Tooltip Heading
Lorem ipsum dolor sit amet consectetur adipisicing elit. Consequatur amet labore.
Tooltip Heading
Lorem ipsum dolor sit amet consectetur adipisicing elit. Consequatur amet labore.
A collection of typography styles and utilities.
Heading Level 1
Heading Level 2
Heading Level 3
Heading Level 4
Heading Level 5
Heading Level 6
This is a block quote by someone very wise.
- Ordered list item 1
- Ordered list item 2
- Ordered list item 3
- Ordered list item 4
- Nested ordered list item 1
- Nested ordered list item 2
- Nested ordered list item 3
- Unordered list item 1
- Unordered list item 2
- Unordered list item 3
- Unordered list item 4
- Nested unordered list item 1
- Nested unordered list item 2
- Nested unordered list item 3
This is a large paragraph with larger text and a link.
This is a paragraph with the default typography styles and a link.
This is a small paragraph with smaller text and a link.