# 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](https://vibecode.thmtecnologia.com/en/components/anilina/): A full color picker that shows what the screen can display, checks contrast and builds a tonal palette.
- [Baralho](https://vibecode.thmtecnologia.com/en/components/baralho/): Notifications that pop up in a corner, stacked like cards, and go away on their own or with a sideways swipe.
- [Canivete](https://vibecode.thmtecnologia.com/en/components/canivete/): The menu that opens on right-click, with submenus, shortcuts and toggle options, styled like your app.
- [Cicerone](https://vibecode.thmtecnologia.com/en/components/cicerone/): A first-run tour that dims the screen, highlights one element at a time and explains what it does.
- [Mezanino](https://vibecode.thmtecnologia.com/en/components/mezanino/): A panel that slides up from the bottom of the screen, stops at three heights and follows your finger.
- [Biruta](https://vibecode.thmtecnologia.com/en/components/biruta/): A photo card that reveals text on hover and nudges the image according to the side the cursor came from.
- [Camafeu](https://vibecode.thmtecnologia.com/en/components/camafeu/): A card that tilts with the mouse and lifts its image, title and buttons into layers of depth.
- [Cartomante](https://vibecode.thmtecnologia.com/en/components/cartomante/): A fan of tall photos behind a large headline: each photo reveals itself on hover and the headline turns see-through.
- [Convite](https://vibecode.thmtecnologia.com/en/components/convite/): A card that lifts, tilts in 3D and catches a glint of light that follows the cursor, over a deep shadow.
- [Escaninho](https://vibecode.thmtecnologia.com/en/components/escaninho/): A section split into blocks of different sizes, like a Japanese lunch box, to present features or services.
- [Luar](https://vibecode.thmtecnologia.com/en/components/luar/): A card with a soft circular glow that follows the cursor and fades when the mouse leaves.
- [Paetê](https://vibecode.thmtecnologia.com/en/components/paete/): A dark card that catches a light glare and a hologram shimmer that follow the mouse, with a slight tilt.
- [Prateleira](https://vibecode.thmtecnologia.com/en/components/prateleira/): A row of tall photo cards that scrolls sideways and opens each card in a panel over the page.
- [Resma](https://vibecode.thmtecnologia.com/en/components/resma/): Large cards that stick to the top of the screen and pile up on each other as the page scrolls.
- [Valete](https://vibecode.thmtecnologia.com/en/components/valete/): A card that turns 180 degrees on hover to show its back side, flipping sideways or top to bottom.