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 6h 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

Scenes

Orbit Flow

Three dashed orbits round a line of type, with three labelled stops riding the inner one. The scene settles in from 0.86x while the line rises, clears and sharpens a word at a time; the outer orbits drift apart at a constant 0.187 degrees a frame, and the inner one coasts down from its entrance and then winds up until its dashes, markers and labels are a blur. Nothing is left to the browser's rasteriser: the rings are the fitted stroke model evaluated at every pixel on a canvas (a Gaussian across the ring, a square wave along it blurred by the capture and by the shutter), and the labels and line are drawn at 4-8x and averaged down, so every baseline moves by fractions of a pixel. The line is Archivo at weight 350, picked by fitting all 1,804 Google families to the recording. Built frame by frame against a screen recording: 0.37 of 255 mean per pixel over all 77 frames.

Get the pro catalogue
Type
Animation
Category
Scenes
Source
snapcn

Price

$129 a year · $249 outright

Frequently asked questions

How do I add Orbit Flow to a Remotion project?

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

What is Orbit Flow?

Orbit Flow is a Remotion orbit diagram animation for React. Three dashed orbits round a line of type, with three labelled stops riding the inner one.

Is Orbit Flow 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.