Does CTA Marquee work with Next.js?

Yes. It is a React 19 component styled with Tailwind CSS 4, so it drops into a Next.js page, a Vite app, Remix or Astro.

Can I change the copy and colours?

Yes. The section is a file in your project. Text, links and images are plain props or JSX, and colours come from your theme's CSS variables, so a brand change is a token edit.

CTA Marquee

Giant scroll-reactive marquee type with a round let's-talk button on top, for studios.

Type: CTA section
Styles: Dark, Minimal
Licence: Charcoal UI Pro

About CTA Marquee

CTA Marquee fills the width with huge moving type in two rows, one sans and one serif, running in opposite directions and speeding up as you scroll, with a round accent button sitting on top.

It is a full-width cta section for React and Tailwind CSS 4, in a dark and minimal style. Preview it at any width above, then install it with one command.

When to use CTA Marquee

Design and motion studios.
Agencies and freelancers.
Portfolios and personal sites.
Creative event pages.

How it is built

Uses Velocity Marquee, which reacts to scroll speed and direction. Text, button label, email and note are props.

It is composed from Velocity Marquee, so installing it also installs those components, and you can restyle each one the same way you would on its own.

Goes well with CTA Marquee

CTA Marquee is part of 4 full templates, so you can see it in a finished page.

Northlane template: A studio site that reads like a manifesto.
Northlight template: Showreel first, everything else second.
Fieldwork template: Senior engineers, on retainer.
Parallel template: Movement is the message.
CTA Ember: A React closing CTA band with rising embers and a shimmering button
CTA Landscape: A React CTA card with a moonlit photo, metal headline and liquid-metal button
CTA Newsletter: A React newsletter CTA that validates inline and confirms with a drawn check
CTA Download: A React app download CTA with store buttons and a QR code for desktop
Velocity Marquee: A React velocity marquee: big text that speeds up and flips with scroll

Install CTA Marquee

npx shadcn@latest add @charcoal/cta-marquee

CTA Marquee is part of Charcoal UI Pro: one seat covers all 107 sections, 100 templates and 300 Pro components, for unlimited projects. The command installs the section into components/sections along with every component it uses.

Frequently asked questions

Does CTA Marquee work with Next.js?: Yes. It is a React 19 component styled with Tailwind CSS 4, so it drops into a Next.js page, a Vite app, Remix or Astro.
Can I change the copy and colours?: Yes. The section is a file in your project. Text, links and images are plain props or JSX, and colours come from your theme's CSS variables, so a brand change is a token edit.

Built from

Velocity Marquee: Big text drifting sideways that speeds up with your scroll and flips direction when you scroll back.

CTA Marquee as Markdown