Categories · 23 components
Navigation and scroll
A macOS-style dock, animated tabs, a command palette, shape-shifting menus, an iPhone-style status pill, modals, lists, a timeline, a reading progress bar, horizontal scrolling, scrollytelling and scroll-triggered text reveals. Components that guide people through a page and turn scrolling into a story.
Requests that lead to this category
- “a menu with icons that grow on hover”
- “a Ctrl K shortcut to search the site”
- “content that moves sideways as I scroll down”
- “a section that tells a story as you scroll”
THM exclusiveAtolA black pill at the top of the screen that grows and reshapes to show music, a call, an alert or a timer.
THM exclusiveBalizaTooltips and menus pinned to the button that opens them, switching sides on their own when they hit an edge.
THM exclusiveBalsaScroll down and panels with photos and large headlines slide sideways, with a progress bar along the bottom.
THM exclusiveBondeA header menu where a single panel slides and resizes as you move from one item to the next.
THM exclusiveBússolaA floating icon bar where icons grow as the cursor comes close and get pulled toward it like magnets.
THM exclusiveCadênciaA large block of text where each word comes out of a blur and turns sharp as you scroll, at reading pace.
THM exclusiveMaqueteA product drawn in real time that spins, splits into parts and snaps back together as you scroll.
THM exclusiveRoteiroA pinned image beside the text that swaps, zooms or crops as each part of the story comes into focus.
THM exclusiveTransladoClick a gallery card and its photo and title grow smoothly until they become the detail page.
THM exclusiveTrevoA search box that opens with Ctrl K or ⌘K to find pages and run actions without leaving the keyboard.
AdaptedAlmanaqueA vertical line with pinned milestones that a colored beam fills in as the page scrolls.
AdaptedArquipélagoA row of tabs stuck together like liquid, where the chosen tab breaks away like a droplet.
AdaptedCavaleteA product screen that starts tilted back and turns to face you as the page scrolls, with the headline rising.
AdaptedComboioA row of logos, testimonials or tags that slides in a seamless loop, horizontally or vertically.
AdaptedCracháA row of overlapping round photos; on hover, a tag with name and role pops up and tilts with the cursor.
AdaptedEmbarqueA waiting screen that lists the steps of a process and checks each one off as it moves along.
AdaptedFarolA thin line beside the text gains a colorful beam that travels down as people read and scroll.
AdaptedFichárioTabs where a rounded highlight slides to the chosen option, with the content in a stack of cards.
AdaptedLéguaA floating pill at the top of the screen shows how much of the page has been read and opens into a menu on click.
AdaptedMontanha-russaPhotos, logos or words gliding nonstop along a curved path, which people can also drag.
AdaptedPassarelaA translucent icon bar where each icon grows as the mouse gets closer, like on a Mac.
AdaptedPostalA window that tilts up from the page in 3D with a slight bounce, over a dimmed and blurred backdrop.
AdaptedRecadoNotices that pop in one at a time at the top of the list and push the older ones down, like a live feed.Categories
See all
Backgrounds and atmospheres38 componentsText and typography41 componentsSpecial effects24 componentsInteraction and physics8 components3D and space20 componentsImages and media27 componentsCards and surfaces15 componentsButtons and cursors10 componentsForms and input11 componentsData and visualization12 componentsApps and productivity20 componentsAI interfaces8 componentsCommerce and conversion11 components
Give your AI a studio-grade repertoire
268 Vue and Nuxt components, 115 exclusive, a ready prompt in every one. Single payment, lifetime access and a 7-day guarantee.