soralabs

Section CTA

CTAs 28

About

A chip-style call-to-action link with a Motion-powered sliding label and rotating icon chips that animate on hover and focus.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Section CTA to your project and fits it to your theme.

Code

How Section CTA is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

import { SectionCta } from "@/components/ui/section-cta";

export default function SectionCtaDemo() {
  return (
    <div className="flex min-h-64 w-full items-center justify-center p-8">
      <SectionCta href="#" label="Explore components" />
    </div>
  );
}

Dependencies

More by soralabs

View all
  • Scroll Gallery

    Scroll Gallery

    197
  • Dia Text Reveal

    Dia Text Reveal

    142
  • Dock Nav

    Dock Nav

    130
  • Text Reveal Block

    Text Reveal Block

    105
  • Pixelated Image Reveal

    Pixelated Image Reveal

    93
  • Text Roll

    Text Roll

    59
  • Custom Cursor

    Custom Cursor

    47
  • Text Reveal (Mask)

    Text Reveal (Mask)

    26

More in CTAs

View all
  • Call to Action

    Call to Action

    12
  • Button

    Button

    72
  • Call to action

    Call to action

    172
  • Responsive Hero Banner

    Responsive Hero Banner

    2K
  • Hero

    Hero

    1.2K
  • Call to Action

    Call to Action

    22
  • Two-Plan Pricing Cards

    Two-Plan Pricing Cards

    31
  • CTA 3

    CTA 3

    403