Trapdoor Menu
Press Menu and the page swings down on its hinge like a trapdoor, showing the menu underneath: links rise as the edge passes them, an image follows your pointer. Closing replays it backwards. No GSAP.
View codeThe library
Navigation
13 ways to get somewhere: menus, tabs, a command palette, a header that reacts to scroll. Every key they answer to is listed on their page.
Hover Nav
A pill of links where the highlight slides under the pointer and settles back on the current page. The ink version turns the text white right at its edges.
View code
Scroll Header
A floating glass pill that clears the top of the page, frosts as you scroll, steps aside while you read and turns to dark glass over dark sections.
View code
Table of Contents
A summary card built from your headings: an ink marker follows the section you read, a ring fills, the time left counts down. A bar on phones.
View code
Breadcrumbs
A breadcrumb trail that folds its middle behind a "…" button when it would not fit on one line, and unfolds it crumb after crumb.
View code
Command Palette
A ⌘K palette in a real dialog: results filter as you type, matched letters are underlined and a highlight slides between them.
View code
Context Menu
A right-click menu that grows from the exact point you clicked, stays on screen and works from the keyboard with Shift + F10.
View code
Dropdown Menu
A menu that unrolls from its button, with a highlight that slides from item to item. Actions or choices, arrows and first letters.
View code
Pagination
Seven slots that never jump: the ink pill slides to the page and the numbers that change roll into place. Compact version included.
View code
Stepper
A flow in four steps: the line fills, a check draws itself on each finished step and the content slides in from where you are heading.
View code
Sidebar Menu
A side panel that slides in over the page, then big links rise one by one. A real dialog: focus kept inside, Escape to leave. No GSAP.
View code
Staggered Horizontal Menu
A button that lets its links out one by one, nearest first, and calls them back in reverse. Its label rolls to "Close". No GSAP.
View code
Tabs
Tabs with a pill (or a line) that slides to the chosen one, a panel that comes in from its side, and the full keyboard pattern.
View codeNothing here, but hey, clean page.
Try another word, or one of these:
Missing a component? Request it