design-infraReport a problem or share feedback← Catalog
Google Gemini Effect
freeaceternity/google-gemini-effect
An effect of SVGs as seen on the Google Gemini Website
$
npx shadcn@latest add @aceternity/google-gemini-effectnpm deps: motion
- Source
- Aceternity UI
- Kind
- component
- Categories
- footer
- Use as
- drop-in — replaces your component
- Applies to
- footer
- Motion
- on enter · medium · motion + svg · medium cost
- Tags
- section, special
- Licence
- Free for unlimited personal & commercial projects; no redistributing as a competing library. Pro/All-Access is a one-time purchase.
- Live demo
- ui.aceternity.com
- Docs
- ui.aceternity.com
Similar
Compare all 4 →- Spotlightaceternity/spotlightA spotlight effect with Tailwind CSS, good for drawing attention to a particular element on the page.
- Footer · Columnsoc/footer-columnsSite footer: brand + blurb, 2-5 link columns, bottom bar with copyright, legal links and social icons.
- Template · SaaS landing pageoc/template-landingStarter page → app/page.tsx. Use existing compatible tokens, or install a theme only when requested; it pulls in 10 @oc blocks. Preview: /templates/template-landing.