scrollfx

scrollfx · sections for React, Vue and Svelte

Pages, plotted as you read.

Generative sections for React, Vue and Svelte whose drawings ink themselves in, stroke by stroke, as the reader scrolls. Add one with the shadcn CLI for your framework; it takes on your theme.

Browse the platesnpx shadcn@latest add https://scrollfx-ui.vercel.app/r/hero-flow-field.json
Pl. I — Flow field000 / 000 strokes
Pl. ICode & install
Pl. IICode & install

In short

Most sections sit still. These are drawn in as you read, every line plotted by a pen that keeps pace with the reader.
Pl. IIICode & install

A year in numbers

Growth, plotted.

Sample figures. Swap in your own series and the chart is drawn from them.

Events a day, in December
4.6M
Growth over the year
283%
Median time to the dashboard
38 ms
JanMarMayJulSepNov
Fig. 1 — Events per day, millions
Pl. IVCode & install

Features

Drawn from the data up.

01

Every number, mapped.

Dashboards that show the shape of your data, not just its totals. Drill from a year to a minute without losing your place.

Fig. 2 — Contours

02

Data from everywhere.

Events arrive from forty regions and land on one screen in under a second, already joined, already clean.

Fig. 3 — Meridians

03

Go as deep as you like.

Every chart opens into the rows behind it. Every row opens into the event that made it. Nothing is summarised away.

Fig. 4 — Tunnel
Pl. VCode & install

How it works

Four stops, one line.

  1. 1

    Connect a source

    Point it at your database, your warehouse or an event stream. Read-only, and nothing is copied until you say so.

  2. 2

    Pick what matters

    Choose the tables and events to watch. Sensible dashboards are drafted for you from what it finds.

  3. 3

    Share the view

    Invite the team, schedule the reports, and set the alerts that should wake someone up.

  4. 4

    Decide faster

    Every number on the screen is live, and every one opens into the rows behind it.

Pl. VICode & install

Changelog

What we shipped.

  1. v3.2 · Nov 12, 2026

    Realtime dashboards

    Every chart updates the moment the data changes. No refresh button, no polling interval to set.

  2. v3.1 · Oct 28, 2026

    Scheduled reports

    Pick a dashboard, a day and an inbox. The report arrives as a PDF and a link, at the same time every week.

  3. v3.0 · Oct 2, 2026

    A faster editor

    Large workspaces open four times faster, and filters apply as you type instead of after you press enter.

  4. v2.9 · Sep 15, 2026

    Single sign-on on every plan

    SAML and OIDC are no longer an Enterprise extra. Connect Okta, Entra ID or Google in a few minutes.

  5. v2.8 · Aug 30, 2026

    Dark mode

    Follows your system setting, or set it per workspace. Charts pick colours that keep their contrast in both.

Pl. VIICode & install

Pricing

Simple, honest pricing.

Start free. Upgrade when your team needs more history, more people or more control.

Starter

For trying it on a side project.

$0/ month

Free, for as long as you like

Start free
  • 3 dashboards
  • 7 days of history
  • Email reports
  • Community support

Pro

For teams that run on their numbers.

$19/ month

Billed yearly

Start a 14-day trial
  • Unlimited dashboards
  • 2 years of history
  • Realtime updates
  • Scheduled reports
  • Slack alerts
  • Priority support

Business

For companies with security reviews.

$52/ month

Billed yearly

Talk to sales
  • Everything in Pro
  • Unlimited history
  • SSO and SCIM
  • Audit log
  • Custom retention
  • A named engineer
Pl. VIIICode & install

In their words

What teams say.

Sample quotes: replace them with your customers’ own words.

“We replaced three dashboards and a weekly spreadsheet with one page. The Monday meeting is twenty minutes shorter.”
Lena Ortiz · Head of data
“The alerts fire before the customer notices, and the chart in the message already explains why.”
Sam Okafor · Platform engineer
“Our analysts stopped exporting to CSV. Every number opens into the rows behind it, so there is nothing to argue about.”
Mira Chen · Finance lead
Pl. IXCode & install

Questions

Asked, and answered.

How long does setup take?

Most teams connect a source and see their first dashboard in under ten minutes. Nothing is copied until you choose what to watch.

Can I try it before paying?

Every plan starts with fourteen days of everything, with no card. When the trial ends you choose a plan or keep the free one.

Where is my data stored?

In the region you pick when you sign up, encrypted at rest and in transit. You can export all of it, at any time, in open formats.

Do you support single sign-on?

Yes, on every plan: SAML and OIDC, with Okta, Entra ID and Google. SCIM provisioning is on Business.

What happens if I cancel?

Your workspace stays readable for thirty days, and your export is ready the moment you ask for it.

Pl. XCode & install
Pl. — HarmonographOne line · seed 34

Begin

Ready when you are.

Start free, with every feature, for fourteen days. No card, and your data comes with you if you leave.

Pl. XICode & install