soralabs

Section CTA

CTAs 29

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

    233
  • Dia Text Reveal

    Dia Text Reveal

    149
  • Dock Nav

    Dock Nav

    144
  • Text Reveal Block

    Text Reveal Block

    114
  • Pixelated Image Reveal

    Pixelated Image Reveal

    97
  • Text Roll

    Text Roll

    62
  • Custom Cursor

    Custom Cursor

    50
  • Text Reveal (Mask)

    Text Reveal (Mask)

    30

More in CTAs

View all
  • Call to Action

    Call to Action

    23
  • CTA 3

    CTA 3

    406
  • Call To Action

    Call To Action

    29
  • Call to Action 01

    Call to Action 01

    51
  • Cta 4

    Cta 4

    293
  • Hero

    Hero

    1.3K
  • Responsive Hero Banner

    Responsive Hero Banner

    2K
  • Centered Hero with Image Fan

    Centered Hero with Image Fan

    968