Home Components Changelog Templates
twitter_logo twitter_logo
HomeMagic UI ComponentsLuxe ComponentsSvelte Indie UITemplatesChangelogExamplesFramer Motion Learnings
Svelte Aceternity UI
Home Magic UI Components Luxe Components Svelte Indie UI Templates Changelog Examples Framer Motion Learnings
    • Follow for Updates
    • Twitter @Sikandar_Bhide
    • Installation
    • Install Sveltekit
    • Install Tailwind CSS
    • Add Utilities
    • Components
    • Animated Testimonials
    • Animated Tooltip
    • Aurora Background
    • Glowing Effect
    • Colourful Text
    • Spotlight
    • Lens
    • Bento Grid
    • Features Sections
    • Text Hover Effect
    • Svg Mask Effect
    • Compare
    • Direction Hover
    • Hover Border Gradient
    • Placeholders and vanish input
    • Sidebar
    • Floating Dock
    • Follow Pointer
    • Cards
    • Background Lines
    • Layout Grid
    • Card Hover Effect
    • Background Beam Collision
    • Glare Card
    • Wobble Card
    • Timeline
Svelte Aceternity UI

Card Hover Effect

A card hover effect that zooms in on the card.

card hover effect svelte-motion

Stripe

A technology company that builds economic infrastructure for the internet.

Netflix

A streaming service that offers a wide variety of award-winning TV shows, movies, anime, documentaries, and more on thousands of internet-connected devices.

Google

A multinational technology company that specializes in Internet-related services and products.

Meta

A technology company that focuses on building products that advance Facebook's mission of bringing the world closer together.

Amazon

A multinational technology company focusing on e-commerce, cloud computing, digital streaming, and artificial intelligence.

Microsoft

A multinational technology company that develops, manufactures, licenses, supports, and sells computer software, consumer electronics, personal computers, and related services.

CardHoverExample.svelte
Loading...
Installation • Card Hover Effect Component

Install Dependencies

Terminal
Loading...

Add Util File

lib/util.ts
Loading...

Copy the Source Code

Card.svelte
Loading...

Copy the Card Source Code

Card.svelte
Loading...

Add Title Code

CardTitle.svelte
Loading...

Add Description Code

CardDesc.svelte
Loading...