Skip to content
Componentes
Menu
ComponentsVisual dictionaryGuidesHow it worksFAQPortuguêsSign inBuy

Categories · 15 components

Cards and surfaces

Cards that tilt in 3D, glow under the cursor, flip, stack or sense which side the mouse came from, plus stacked toasts, a bottom sheet, a context menu, a guided tour and a color picker. They are the visual base of showcases, pricing plans and feature lists, and they change how polished a product feels.

Requests that lead to this category

  • “a card with a glow that follows the mouse”
  • “a card that flips to show the back”
  • “a notification that pops up in the corner and fades”
  • “a panel that slides up from the bottom on mobile”
Anilina: A full color picker that shows what the screen can display, checks contrast and builds a tonal palette.THM exclusiveAnilinaA full color picker that shows what the screen can display, checks contrast and builds a tonal palette.Baralho: Notifications that pop up in a corner, stacked like cards, and go away on their own or with a sideways swipe.THM exclusiveBaralhoNotifications that pop up in a corner, stacked like cards, and go away on their own or with a sideways swipe.Canivete: The menu that opens on right-click, with submenus, shortcuts and toggle options, styled like your app.THM exclusiveCaniveteThe menu that opens on right-click, with submenus, shortcuts and toggle options, styled like your app.Cicerone: A first-run tour that dims the screen, highlights one element at a time and explains what it does.THM exclusiveCiceroneA first-run tour that dims the screen, highlights one element at a time and explains what it does.Mezanino: A panel that slides up from the bottom of the screen, stops at three heights and follows your finger.THM exclusiveMezaninoA panel that slides up from the bottom of the screen, stops at three heights and follows your finger.Biruta: A photo card that reveals text on hover and nudges the image according to the side the cursor came from.AdaptedBirutaA photo card that reveals text on hover and nudges the image according to the side the cursor came from.Camafeu: A card that tilts with the mouse and lifts its image, title and buttons into layers of depth.AdaptedCamafeuA card that tilts with the mouse and lifts its image, title and buttons into layers of depth.Cartomante: A fan of tall photos behind a large headline: each photo reveals itself on hover and the headline turns see-through.AdaptedCartomanteA fan of tall photos behind a large headline: each photo reveals itself on hover and the headline turns see-through.Convite: A card that lifts, tilts in 3D and catches a glint of light that follows the cursor, over a deep shadow.AdaptedConviteA card that lifts, tilts in 3D and catches a glint of light that follows the cursor, over a deep shadow.Escaninho: A section split into blocks of different sizes, like a Japanese lunch box, to present features or services.AdaptedEscaninhoA section split into blocks of different sizes, like a Japanese lunch box, to present features or services.Luar: A card with a soft circular glow that follows the cursor and fades when the mouse leaves.AdaptedLuarA card with a soft circular glow that follows the cursor and fades when the mouse leaves.Paetê: A dark card that catches a light glare and a hologram shimmer that follow the mouse, with a slight tilt.AdaptedPaetêA dark card that catches a light glare and a hologram shimmer that follow the mouse, with a slight tilt.Prateleira: A row of tall photo cards that scrolls sideways and opens each card in a panel over the page.AdaptedPrateleiraA row of tall photo cards that scrolls sideways and opens each card in a panel over the page.Resma: Large cards that stick to the top of the screen and pile up on each other as the page scrolls.AdaptedResmaLarge cards that stick to the top of the screen and pile up on each other as the page scrolls.Valete: A card that turns 180 degrees on hover to show its back side, flipping sideways or top to bottom.AdaptedValeteA card that turns 180 degrees on hover to show its back side, flipping sideways or top to bottom.

Categories

See all

Backgrounds and atmospheres38 componentsText and typography41 componentsSpecial effects24 componentsInteraction and physics8 components3D and space20 componentsImages and media27 componentsButtons and cursors10 componentsForms and input11 componentsData and visualization12 componentsApps and productivity20 componentsAI interfaces8 componentsCommerce and conversion11 componentsNavigation and scroll23 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.

Get access · R$ 497