Categories · 24 components
Special effects
Light sweeping along borders, beams connecting elements, confetti, meteors, progressive blur, scratch cards and shaders applied over images or over live HTML. These are the details that make an interface look studio-made. Use them sparingly: one strong effect per screen is usually enough, and the prompt tells your AI to keep performance in check.
Requests that lead to this category
- “a light running around the card border”
- “confetti when someone completes a purchase”
- “a scratch-off effect to reveal a coupon”
- “make the HTML look like melting glass”
THM exclusivePavioA card with a beam of light circling its border and a soft glow that follows the mouse inside.
AdaptedAnáglifoAs the mouse moves over the page, red and blue peel away from the content, like a 3D image seen without the glasses.
AdaptedBoiaAny image or icon starts drifting slowly, rising, sinking and tilting a little, nonstop.
AdaptedBólidoSmall streaks with tails cross the card diagonally, like shooting stars, each one at its own pace.
AdaptedCaleidoscópioA canvas that runs visual effects written in GLSL, such as star fields and vortexes, and reacts to the mouse.
AdaptedCrisolYour real HTML runs through a graphics card effect, like ripples on water, and stays clickable.
AdaptedEscotilhaA glass panel that bends whatever passes behind it, with refracting edges that split the colors.
AdaptedFliperamaTurns a photo into a pattern of dots in a few colors, like an old video game or a retro print.
AdaptedFogo-fátuoA colored glow slowly drifts along the border of a card or input, lighting up one stretch and then another.
AdaptedFoliaA burst of colorful paper bits shoots up and falls across the screen when someone completes a purchase or a goal.
AdaptedGarimpoA card covered by a colorful layer that people scratch off with the mouse or a finger to find the prize.
AdaptedGeadaThe image or content gets blurrier bit by bit toward the edge, like glass that grows more frosted.
AdaptedGirassolWhen the mouse gets close to a card, an arc of colored light turns on along its border and rotates to face the cursor.
AdaptedLabaredaFlames rise from the bottom of the page, heat makes the content ripple and orange sparks fly upward.
AdaptedMedalhaYour logo turns into a mirror-polished metal piece, with reflections slowly flowing across its surface.
AdaptedPonto-cruzThe real page content is redrawn live as ASCII art, with characters that mimic light and shadow.
AdaptedPupilaA circle follows the mouse and, over the headline, grows to reveal a second hidden message.
AdaptedRelicárioA badge with a small yellow folder icon: hover it and the folder opens as up to three photos fan out.
AdaptedRemansoYour page content looks like it sits under a thin layer of water and ripples wherever the mouse goes.
AdaptedRodopioA thin border with blue and pink light spinning around a field or button, like a neon sign.
AdaptedSatéliteA small beam of colored light circles the border of a card or section, like a comet tracing the frame.
AdaptedTaquaraSpin the mouse wheel over it and the content bends like a sheet of paper, then settles back flat.
AdaptedTeleféricoThin lines connect icons and cards while a colored pulse of light runs along them, showing data on the move.
AdaptedVaralYour page content folds and sways slowly, like a light piece of cloth in a breeze.Categories
See all
Backgrounds and atmospheres38 componentsText and typography41 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 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.