soralabs

Section CTA

CTAs 32

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

    270
  • Dia Text Reveal

    Dia Text Reveal

    168
  • Dock Nav

    Dock Nav

    154
  • Text Reveal Block

    Text Reveal Block

    127
  • Pixelated Image Reveal

    Pixelated Image Reveal

    106
  • Text Roll

    Text Roll

    64
  • Custom Cursor

    Custom Cursor

    53
  • Cursor Bubble

    Cursor Bubble

    37

More in CTAs

View all
  • Hills Landscape Footer with Call to Action

    Hills Landscape Footer with Call to Action

    138
  • CTA 3

    CTA 3

    413
  • Call to Action

    Call to Action

    6
  • call to action

    call to action

    34
  • Cta 4

    Cta 4

    300
  • Call to Action 01

    Call to Action 01

    57
  • Responsive Hero Banner

    Responsive Hero Banner

    2.1K
  • Call To Action

    Call To Action

    29