soralabs

Section CTA

CTAs 30

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

    236
  • Dia Text Reveal

    Dia Text Reveal

    152
  • Dock Nav

    Dock Nav

    148
  • Text Reveal Block

    Text Reveal Block

    118
  • Pixelated Image Reveal

    Pixelated Image Reveal

    99
  • Text Roll

    Text Roll

    62
  • Custom Cursor

    Custom Cursor

    51
  • Text Reveal (Mask)

    Text Reveal (Mask)

    30

More in CTAs

View all
  • Cta 4

    Cta 4

    294
  • Call to Action 01

    Call to Action 01

    51
  • Call to action

    Call to action

    172
  • Responsive Hero Banner

    Responsive Hero Banner

    2K
  • Integrations Section

    Integrations Section

    590
  • Hero

    Hero

    1.3K
  • Call to Action

    Call to Action

    23
  • CTA 3

    CTA 3

    407