Services 02 - Animated Services Block

An interactive services section with a hoverable list that swaps a visual preview and reveals the active service's description, ideal for agency and portfolio pages.

ShadcnSpacebyShadcnSpace

import Services from "@/components/ui/services-02";

export default function Default() {
  return <Services />;
}

Dependencies

@iconify/react

Source

shadcnspace.com

Published

7/10/2026

Similar components

Explore more

Part of ShadcnSpace — browse the full library on 21st.dev.

List components349 Agency components19 Hover Effect components649 Hero Section components748 Service Section components15

Dependencies

Tags

Newest

Popular

Shaders

Heros

Features

AI Chat Components

Calls to Action

Buttons

Testimonials

Pricing Sections

Text Components

Dependencies

Tags

Services 02 - Animated Services Block

Dependencies

Tags

Source

Published

Similar components

Explore more