Go to Shadcn Labs/snapcn
101 components
DocsComponentsTemplatesVideo EditorNewMCPNewRemotion StudioNewRoadmapChangelog
GitHub

Star snapcn

Free, open-source components.

Production-ready Remotion animations, transitions and backgrounds — you own the code, free or paid.

Star on GitHubXFollow

46 MIT · 55 Pro · own your code.

© 2026 snapcn

DocsComponentsTemplatesVideo EditorNewMCPNewRemotion StudioNewRoadmapChangelog

Components

Every component in snapcn, ready to install.
Updated 7h ago
AllText & TitlesCaptionsLogosScreens & DevicesCharts & StatsSocial ProofScenesAI Chat Input
Pro
Pro
Pro
Pro
Pro
Pro
Pro
Pro
Pro
Pro
Pro
Pro
Pro
Pro
Pro
Pro
Pro
Pro
Pro
Pro
Pro
Pro
Pro
Pro
Pro
Pro
Pro
Pro
Pro
Pro
Pro
Pro
Pro
Pro
Pro
Pro
Pro
Pro
Pro
Pro
Pro
Pro
Pro
Pro
Pro
Pro
Pro
Pro
Pro
Pro
Pro
Pro
Pro
Pro
Pro

Text & Titles

Cross Out

Cross out the advice, then name the thing it was standing in for. A headline sits on a card; two marker strokes cross it out, hold, and are wiped back off the way they came — and as they go the two words drift apart and the card grows to hold them. Hard cut to black, and the real sentence builds a word at a time over a dashed diagram. The marker is geometry, not a picture: a measured centreline, a width that swells and tapers along it, and an edge that is seeded value noise, so drawing on and wiping off are the same operation — ask for the polygon of an arclength range — rather than a dash offset, which cannot taper and cannot chop an end. The card is not animated at all: solved back out of the recording its left edge sits 52.7px left of the headline's first glyph on all 25 frames of the first beat, ±0.2, while its top never moves, so it is width: max-content around a line whose word gap runs 19px to 76 and everything you see it do is the text doing it. The headline's baseline is not a table either — it climbs 4.5px while the type grows 1.7%, and the two are one event about a pivot 90px below the frame, which is also what stops a growing line from walking off its own baseline.

Get the pro catalogue
Type
Animation
Category
Text & Titles
Source
snapcn

Price

$129 a year · $249 outright

Frequently asked questions

How do I add Cross Out to a Remotion project?

Cross Out is part of snapcn Pro, and installs with the same shadcn CLI as every free component: npx shadcn@latest add @snapcn/cross-out. The source is copied into your project and is yours to edit — there is no runtime package to keep installed.

What is Cross Out?

Cross Out is a Remotion strikethrough text animation for React. Cross out the advice, then name the thing it was standing in for.

Is Cross Out free?

No. It is one of 55 Pro components, sold together: $129 a year for the whole catalogue and everything that ships while your year runs, or $249 once to own it outright. The other 46 snapcn components are free and MIT.