5d:I[333483,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/15s1ft4k9lx-7.js","/creators-assets/_next/static/immutable/chunks/0x8sumr53pdkk.js","/creators-assets/_next/static/immutable/chunks/3pud1dqsw0-_7.js","/creators-assets/_next/static/immutable/chunks/1m75iqpnspynu.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/3ohf-5_4hfjuq.js","/creators-assets/_next/static/immutable/chunks/2jjhfe7-w6y9a.js","/creators-assets/_next/static/immutable/chunks/325i2v5l4tnlq.js","/creators-assets/_next/static/immutable/chunks/0kisxyo3aw231.js","/creators-assets/_next/static/immutable/chunks/2b1mm8iiske-y.js","/creators-assets/_next/static/immutable/chunks/0i7m0zg6jfazw.js","/creators-assets/_next/static/immutable/chunks/3-hmotkz_bdv_.js","/creators-assets/_next/static/immutable/chunks/06bqtx1jsc1kz.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3naniu4pnqfyw.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/456d4lcv9-syj.js","/creators-assets/_next/static/immutable/chunks/36-o7-3julke0.js","/creators-assets/_next/static/immutable/chunks/2xq6uu2rcdc2i.js","/creators-assets/_next/static/immutable/chunks/2y9gv91n8o3i9.js","/creators-assets/_next/static/immutable/chunks/41i4r4u9uolgz.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/15q00pdqk0br3.js","/creators-assets/_next/static/immutable/chunks/293prjxu_wz0c.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/3l2h8slpbzxqo.js","/creators-assets/_next/static/immutable/chunks/2xgtw4s-tlhet.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/1cphzzg2t2qo2.js"],"PostDetailCard"] 5e:T8df,

A full-page transition that covers the screen in a stack of sliding blocks and reveals your brand mark as visitors move between pages no router, no page rebuild required. Drop it once, anywhere on your site.

Tabulatum adds a polished, animated cover-and-reveal transition between pages the kind of effect usually reserved for hand-coded portfolio sites as a single drop-in component. Click any internal link and the screen sweeps shut behind a staggered stack of blocks, carries your logo or brand name up through the cover, then wipes open again on the destination page. No custom code, no page templates to edit, no router setup.

Features:

Four sweep directions — Left, Right, Top, or Bottom, so the wipe matches your site's layout and motion language
Brand reveal built in — show animated text or upload a logo image; both rise into view with the cover and drop away with the reveal
Full typography control — font family, weight, size, and letter-spacing via Framer's native font picker
Adjustable rhythm — control row count, duration, and stagger to dial in anything from a snappy wipe to a slow cinematic reveal
Color control for the block fill and brand text/logo
Smart link handling — automatically skips modified clicks, external links, downloads, and anchors so it only intercepts real in-site navigation (with an optional CSS selector to exclude specific links entirely)
Zero layout impact — a fixed, pointer-events-safe overlay that never interferes with your canvas editing or page content
Responsive by default — brand text and logo scale and wrap cleanly on any screen size

Setup:

Drop one instance of Tabulatum anywhere on each page (a global header/layout component works well). No other configuration is required it activates automatically on internal link clicks.

5a:[["$","$L5d",null,{"post":{"id":"01a0b9c5-91ef-7589-a94f-a3d4121c20d3","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"dc756cc3-0e70-4d81-b856-067a3159f858","name":"Jane","slug":"jane-muthoni-muchiri","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1587759/avatar-ztz6FeQVn24ahnOtuJ0eSgcXcREr4C.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"euQ89Gb3I7Q5F2k7os4C","resolved":true,"title":"Tabulatum Transition","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A full-page transition that covers the screen in a stack of sliding blocks and reveals your brand mark as visitors move between pages no router, no page rebuild required. Drop it once, anywhere on your site. "}]},{"type":"paragraph","content":[{"type":"text","text":"Preview Link","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://tabulatum-page-transiiton.framer.website/","target":"_blank"}}]},{"type":"text","text":" "}]},{"type":"paragraph","content":[{"type":"text","text":"Tabulatum adds a polished, animated cover-and-reveal transition between pages the kind of effect usually reserved for hand-coded portfolio sites as a single drop-in component. Click any internal link and the screen sweeps shut behind a staggered stack of blocks, carries your logo or brand name up through the cover, then wipes open again on the destination page. No custom code, no page templates to edit, no router setup."}]},{"type":"paragraph","content":[{"type":"text","text":"Features:","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Four sweep directions","marks":[{"type":"bold"}]},{"type":"text","text":" — Left, Right, Top, or Bottom, so the wipe matches your site's layout and motion language"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Brand reveal built in","marks":[{"type":"bold"}]},{"type":"text","text":" — show animated text or upload a logo image; both rise into view with the cover and drop away with the reveal"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Full typography control","marks":[{"type":"bold"}]},{"type":"text","text":" — font family, weight, size, and letter-spacing via Framer's native font picker"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable rhythm","marks":[{"type":"bold"}]},{"type":"text","text":" — control row count, duration, and stagger to dial in anything from a snappy wipe to a slow cinematic reveal"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Color control","marks":[{"type":"bold"}]},{"type":"text","text":" for the block fill and brand text/logo"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smart link handling","marks":[{"type":"bold"}]},{"type":"text","text":" — automatically skips modified clicks, external links, downloads, and anchors so it only intercepts real in-site navigation (with an optional CSS selector to exclude specific links entirely)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Zero layout impact","marks":[{"type":"bold"}]},{"type":"text","text":" — a fixed, pointer-events-safe overlay that never interferes with your canvas editing or page content"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive by default","marks":[{"type":"bold"}]},{"type":"text","text":" — brand text and logo scale and wrap cleanly on any screen size"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Setup:","marks":[{"type":"bold"}]},{"type":"text","text":" "}]},{"type":"paragraph","content":[{"type":"text","text":"Drop one instance of Tabulatum anywhere on each page (a global header/layout component works well). No other configuration is required it activates automatically on internal link clicks."}]}]},"introduction":"A cinematic block-wipe transition","slug":"tabulatum-transition","author":{"framerUserId":"dc756cc3-0e70-4d81-b856-067a3159f858","name":"Jane","slug":"jane-muthoni-muchiri","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1587759/avatar-ztz6FeQVn24ahnOtuJ0eSgcXcREr4C.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dc756cc3-0e70-4d81-b856-067a3159f858/01a0b9c5-0e0d-75aa-b76e-f3265c92d88b.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":3200,"height":2400}}],"post":null,"createdAt":"2026-09-19T13:05:27.387Z","updatedAt":"2026-09-23T23:54:43.835Z","publishedAt":"2026-09-19T13:05:27.385Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://tabulatum-page-transiiton.framer.website/","price":"12","paymentUrl":"https://janemuso.lemonsqueezy.com/checkout/buy/f1fbc02e-8d1c-47aa-ab78-9f4b2cc34577","workshop":false,"categories":[{"id":"b42eea44-0ea9-4372-9981-70c9e68577c1","name":"Loaders","slug":"loaders"}],"lastSaveId":"8eJQ28lGQwyplo8RkbdV","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-19T13:05:28.047Z","updatedAt":"2026-09-19T13:05:28.047Z","reported":false}}],"$L5f"]

Suggested for you