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

Categories · 10 components

Buttons and cursors

Buttons with shimmer, ripple, gradient, rainbow or hover animation, and custom cursors that leave a trail of images, lines or fluid and follow the pointer smoothly. Small interaction details that make clear where to click and make a call to action feel alive.

Requests that lead to this category

  • “a button with a shine sweeping across it”
  • “a cursor that leaves a trail of photos”
  • “a button that ripples when clicked”
  • “replace the mouse arrow with something nicer”
Adiante: A pill button with a dot that grows to fill it on hover, while the text slides away and returns with an arrow.AdaptedAdianteA pill button with a dot that grows to fill it on hover, while the text slides away and returns with an arrow.Alinhavo: Photos that pop up one after another behind the cursor and quickly fade, like a trail of images.AdaptedAlinhavoPhotos that pop up one after another behind the cursor and quickly fade, like a trail of images.Aquarela: A trail of bright, colorful ink that flows and fades behind the mouse, drawn over the whole page.AdaptedAquarelaA trail of bright, colorful ink that flows and fades behind the mouse, drawn over the whole page.Arrebol: A dark button with rainbow colors running along its bottom edge and a blurred colorful glow underneath.AdaptedArrebolA dark button with rainbow colors running along its bottom edge and a blurred colorful glow underneath.Cata-vento: A button with a thin rainbow border that keeps spinning around the text, softened by a slight blur.AdaptedCata-ventoA button with a thin rainbow border that keeps spinning around the text, softened by a slight blur.Lampejo: A black pill button with a beam of light running along its edge and an inner glow that grows on hover.AdaptedLampejoA black pill button with a beam of light running along its edge and an inner glow that grows on hover.Novelo: A bundle of thin colored lines chases the cursor across the screen, rippling like loose threads in the wind.AdaptedNoveloA bundle of thin colored lines chases the cursor across the screen, rippling like loose threads in the wind.Pipa: Wide orange, green, yellow and cyan ribbons chase the cursor inside an area, swinging as if they hang on springs.AdaptedPipaWide orange, green, yellow and cyan ribbons chase the cursor inside an area, swinging as if they hang on springs.Planador: Replaces the system arrow with your own cursor that glides behind the mouse and turns toward the movement.AdaptedPlanadorReplaces the system arrow with your own cursor that glides behind the mouse and turns toward the movement.Respingo: A button that releases a circle of color from the exact click point, growing and fading in under a second.AdaptedRespingoA button that releases a circle of color from the exact click point, growing and fading in under a second.

Categories

See all

Backgrounds and atmospheres38 componentsText and typography41 componentsSpecial effects24 componentsInteraction and physics8 components3D and space20 componentsImages and media27 componentsCards and surfaces15 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