61:I[267044,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/3gx96u50v9idb.js","/creators-assets/_next/static/immutable/chunks/125_ce2ese0y_.js","/creators-assets/_next/static/immutable/chunks/2ii8lkleumgkk.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/069_m7850i8jf.js","/creators-assets/_next/static/immutable/chunks/03586ab1rea-b.js","/creators-assets/_next/static/immutable/chunks/19qq0hy3mz_vv.js","/creators-assets/_next/static/immutable/chunks/2oixy7hansmjm.js","/creators-assets/_next/static/immutable/chunks/2rczsbgoa3afm.js","/creators-assets/_next/static/immutable/chunks/2a63j-5qkrdf4.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/0-lv0573a1cyl.js","/creators-assets/_next/static/immutable/chunks/3kkqflhmmpg9p.js","/creators-assets/_next/static/immutable/chunks/0ib-rcz4b0eq3.js","/creators-assets/_next/static/immutable/chunks/0mgwzh6o644jl.js","/creators-assets/_next/static/immutable/chunks/24gcuxpvxd8dy.js","/creators-assets/_next/static/immutable/chunks/0xd4yj8g3g-ci.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/3vd9_7_mqx0kl.js","/creators-assets/_next/static/immutable/chunks/3l37d07td4kzk.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3nw4q_evu8ge1.js","/creators-assets/_next/static/immutable/chunks/3o5qsyzxffd89.js","/creators-assets/_next/static/immutable/chunks/0sdd6rzuigoor.js","/creators-assets/_next/static/immutable/chunks/04onqby6uwgz7.js","/creators-assets/_next/static/immutable/chunks/16d5vpfsnfybw.js","/creators-assets/_next/static/immutable/chunks/3f4d4x4z1mrzh.js","/creators-assets/_next/static/immutable/chunks/0yulab_mho2q7.js","/creators-assets/_next/static/immutable/chunks/3_6nvj55e699g.js","/creators-assets/_next/static/immutable/chunks/2r15b2hek61lg.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/0pc9t50m5x90i.js","/creators-assets/_next/static/immutable/chunks/3fyhezch4qqad.js","/creators-assets/_next/static/immutable/chunks/3eh5q_6ksmw0l.js","/creators-assets/_next/static/immutable/chunks/2rdaqkxiyeq_6.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js","/creators-assets/_next/static/immutable/chunks/0v2aom8xv86j9.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/0s-n7u5-dwtml.js"],"S"] 62:Tc45,

Cursor Crowd s a responsive Framer component that shows the live cursors of everyone else viewing the same page, with optional visitor labels, a branded default pointer or your own uploaded cursor, per-visitor colors, and a relay you deploy to your own free Cloudflare account in minutes.

Use Cases

This component works especially well for:

Portfolio and personal sites
Agency and studio homepages
Launch and waitlist pages
Event pages
Link-in-bio pages
Community landings

Perfect when you want a page to feel visited instead of empty.

--------------------------------------------------------------

Customization

Fully customizable via the properties panel:

Enabled
Demo mode
Demo cursors
Demo speed
Endpoint URL
Site key
Cursor source
Custom cursor upload (SVG, PNG, WebP)
Size
Own cursor
Own color
Outline color
Outline width
Shadow
Hotspot X and Y
Tint remotes
Keep UI cursors
Palette (10 visitor colors)
Send interval
Show labels
Label text
Smoothing
Z-index
Debug status.

You design the page. The component only adds the other visitors' cursors.

--------------------------------------------------------------

Responsive Behavior

Desktop: full experience for mouse and trackpad visitors
Touch devices stay silent: no connection, no cursors, no effect on the page
Reduced motion: cursors place instantly instead of gliding

The overlay never blocks clicks, selection, or scrolling, and is hidden from screen readers. Place one invisible instance per page.

--------------------------------------------------------------

Preview / Tutorial / Functionality

Preview: https://cursor-crowd.framer.website/

Tutorial: https://cursor-crowd.framer.website/tutorial

What's included:

The CursorCrowd component
The open-source relay, one-click Cloudflare deploy
Setup tutorial on the preview site
Support: message me on X or by email

Good to know:

Live cursors need the relay deployed first (free); Demo mode works without it
Rooms hold 10 visitors by default; extras just browse without cursors

63:Tbfe,

Language Scramble is a responsive Framer component that runs your language switch: text inside the frames you mark scrambles into the new language, resolving left to right. It's an invisible layer inside a button you design yourself, using Framer's native Localization as the only translation source. No APIs, no keys.

Use Cases:

Works well for:

Multilingual portfolios
Agency sites with international clients
Product pages localized per market

Perfect when you want a language switch visitors actually notice.

--------------------------------------------------------------

Customization:

Fully customizable via the properties panel:

Switch to
Target locale
Style (Scramble, Cascade, Center out, Edges in, Wipe)
Duration
Refresh rate
Characters
Custom set
Reduced motion
Scope
Max characters
Keep whitespace
Exclude selector
Canvas guide

Your button's look stays yours. The component adds no visuals and animates existing text in place, so links, bold spans, and rich text keep their styling.

--------------------------------------------------------------

Responsive Behavior:

Fills whatever button you place it in, at any breakpoint
Animates the rendered page text, no per-viewport setup
Reduced motion: instant switch, or a short scramble capped at 150 ms
Screen readers always get the final text

--------------------------------------------------------------

Preview: https://language-scramble.framer.website/

Tutorial: https://language-scramble.framer.website/tutorial

Code Override: https://framer.com/m/LanguageScrambleOverrides-cqlqq2.js@46JWH5GReZRyW5CuV2Wu#withScramble

Included: The component, setup steps on the preview site, the marking override, and support on X at @KullenJahnke.

Good to know: Needs Framer Localization with two or more locales, and the included withScramble override on the frames you want animated. Identical text in both locales stays still on purpose. Published sites navigate to the locale URL; the animation continues on the new page.

64:Tac1,

Sticker Board is a responsive Framer component that turns your images into draggable stickers: each one peels off the page when grabbed, with an outline and shadow cut from the image's real edges, a bend that rolls across it as it lifts, and a glossy sweep.

Use Cases:

Works well for:

portfolio heroes
about pages
moodboards
photo walls
agency sites
product pages
link-in-bio pages
404 pages

Perfect when you want visitors to rearrange the page instead of just scrolling past it.

--------------------------------------------------------------

Customization

Fully customizable via the properties panel:

up to 24 stickers
each with image, width, position, rotation and alt text
background and overflow
outline color and width
sticker scale
lift scale
shadow offset
color and blur
peel direction, angle and wave strength
drag lean
shimmer
spin
pickup and landing springs
drag toggle
reduced motion
padding and container constraint.

The stickers are your images. The component handles the physics.

--------------------------------------------------------------

Responsive Behavior

Desktop: grab anywhere on a sticker; it follows the cursor with no lag and stays where you drop it.
Tablet and mobile: touch drag works the same, and dragging never scrolls the page.
Keyboard: a focused sticker moves with the arrow keys.

Positions are percentage based, so the arrangement survives resizing, and it fills its container.

--------------------------------------------------------------

Preview: https://sticker-board.framer.website/

Included: the component and a live preview with setup steps. Support on X at @KullenJahnke.

Good to know: transparent PNG, WebP or SVG works best; a fully opaque rectangle gets a rectangular outline and shadow. The peel bend shows only during pickup and release, which keeps a held sticker sharp. Moved stickers reset on reload.

65:Tbbd,

Heat Ink Trail is a responsive Framer component for cursor-reactive ink: a transparent overlay where slow movement lays down wide dark marks, fast movement thins them, overlapping strokes build density, and marks cool away on their own.

Use Cases

Works well for:

studio and agency homepages
portfolio heroes
editorial articles
photography and gallery sites
product launch pages
one-page sites
teaser pages
personal sites
404 pages

Perfect when you want a section that reacts to being read, not one that just sits there.

--------------------------------------------------------------

Customization

Fully customizable via the properties panel:

ink color
max opacity and blend mode
optional halo color
strength and spread
min and max brush radius
speed range
irregularity
fade
diffusion
hold strength
touch mode
reduced motion
render quality
max DPR
canvas preview
clear trigger

It draws nothing but ink, so the section underneath stays yours to design.

--------------------------------------------------------------

Responsive Behavior

Desktop: the cursor paints. Rest it or hold the button to bloom more heat.
Tablet: a tap leaves one bloom, the page still scrolls, stylus pressure is read.
Mobile: same tap bloom, or switch drawing off.

Fills its container at any size, never blocks links or buttons underneath, respects reduced motion, and pauses while the tab is hidden.

--------------------------------------------------------------

Preview: https://heat-ink-cursor-trail.framer.website/

Tutorial: https://heat-ink-cursor-trail.framer.website/tutorial

Included: the component and a live preview with setup steps. Support on X at @KullenJahnke.

Good to know: fade is a time constant, not a lifetime, so dense areas outlast the number you set. Diffusion cannot be turned off.

Use Quality: Low for a full-page overlay. Draw mode on touch suppresses scrolling inside the frame, so it is not the default. No splatter or droplets.

66:Ta8c,

Section Timeline is a responsive Framer component for navigating long pages: a fixed rail of markers that tracks the section you are reading, a hover fan across neighboring markers, a preview card per section, click-to-scroll with header offset, and your own Framer components as the cards.

Use Cases

Works well for:

long-form articles
blog posts
documentation
case studies
portfolio pages
product landing pages
one-page sites
changelogs

Perfect when you want readers to see where they are and what is next, instead of a bare scrollbar.

--------------------------------------------------------------

Customization

Fully customizable via the properties panel:

section list
preview side
alignment and gap
marker size
spacing
radius and colors
hover fan spread and falloff
card width
padding
background
border
radius
shadow
line limits
colors and fonts
transitions
travel and delay
activation line
scroll offset
URL hash
navigation label
focus ring

The preview can be the built-in card or your own Framer component linked per section, so the design stays yours.

--------------------------------------------------------------

Responsive Behavior

Desktop: full rail with hover fan and preview card.
Tablet: same rail; tap a marker to scroll to its section.
Mobile: hide the rail with Framer's breakpoint visibility.

Keyboard accessible with a visible focus ring, aria-current on the active marker, and reduced-motion aware.

--------------------------------------------------------------

Preview: https://section-timeline-preview.framer.website/

Included: the Section Timeline component and a live preview with setup steps.

Good to know: sections need explicit IDs (no auto-detection), the page must scroll normally rather than in a scroll container, and linked preview cards carry their own content.

67:Tb39,

Morph Deck is a responsive Framer component for interactive card decks that fan out and expand, with an overlapping fanned layout, click-to-expand morph, cards that dock beneath the open one, your own components as the cards, hover lift, a blur-in entrance, and multiple independent decks per page.

Use Cases

Works well for:

portfolio highlights
project and case-study showcases
product feature cards
service or pricing cards
team and people cards
photography and gallery decks
testimonial and review sets
feature tours
"what we do" sections

Perfect when you want a card section that invites a click and opens into detail, instead of a flat grid or a plain carousel.

--------------------------------------------------------------

Customization

Fully customizable via the properties panel:

connected cards (your own components, up to 8)
overlap
tilt
open size
dock offset
overflow (clip or spill)
padding
hover lift
hover scale
morph spring (open and close motion)
entrance on or off
entrance trigger (in view or on load)
entrance stagger
entrance duration
entrance rise
entrance blur
canvas preview (fan or expanded)

Each card is your own component with Collapsed and Expanded variants, the card design stays yours. The deck only handles the fan, the morph, and the docking.

--------------------------------------------------------------

Responsive Behavior

Desktop: full fan with hover lift; click a card to expand it while the rest dock beneath it.
Tablet: same structure, sized to the component's width.
Mobile: hover is dropped and cards open on tap; layout adjusts for narrow widths.

Morph Deck fits itself to whatever container you place it in.

--------------------------------------------------------------

Preview: https://morph-deck-preview.framer.website/

Included: The component and its DeckCard overrides, plus the live preview with tutorial.

Note: hover lift is pointer-only (cards open on tap or touch), and each card needs two variants named exactly Collapsed and Expanded.

60:["$","$L61",null,{"value":{"fallback":{"$inf$activity-creator-64ab2b22-4ac4-4ae8-bdc3-691afb8ee6b1-all:/unified/creator/64ab2b22-4ac4-4ae8-bdc3-691afb8ee6b1/activity/":[{"data":[{"id":"01a0aac4-84b1-731c-b895-e4087dba07e2","type":"comment.liked","target":{"type":"comment","id":"01a091a9-a41d-71af-bb13-95e71a1c963e","preview":"The interaction feels really smooth—nice touch with the five styles.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"The interaction feels really smooth—nice touch with the five styles."}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019ff2e6-70bb-72e8-af74-3e102499c492","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a091a9-a41d-71af-bb13-95e71a1c963e"},"repost":null}},"context":{"type":"post","id":"019ff2e6-70bb-72e8-af74-3e102499c492","preview":"Just dropped: #5 Language Scramble 🔤\nClick your language button and every changed line cycles through letters, numbers, and kana, then resolves into the new language.\nFive resolve styles: scramble, cascade, center out, edges in, and a wipe\n→ Check it out for free","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Just dropped: #5 Language Scramble "},{"type":"emoji","attrs":{"name":"abc","emoji":"🔤"}}]},{"type":"paragraph","content":[{"type":"text","text":"Click your language button and every changed line cycles through letters, numbers, and kana, then resolves into the new language."}]},{"type":"paragraph","content":[{"type":"text","text":"Five resolve styles: scramble, cascade, center out, edges in, and a wipe"}]},{"type":"paragraph","content":[{"type":"text","text":"→ "},{"type":"text","text":"Check it out for free","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://tinyurl.com/yt9w9hmt","target":"_blank"}}]}]}]},"thumbnail":"https://image.mux.com/4Ip4PdMrmFXewTvydhSOr42xv3qv3ObRp701xP2QOsuw/thumbnail.webp?time=1.167","targetDeleted":false,"owned":true,"actions":{"postId":"019ff2e6-70bb-72e8-af74-3e102499c492","like":{"count":7,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":1,"reposted":false,"repostId":null}}},"actors":[{"id":"64ab2b22-4ac4-4ae8-bdc3-691afb8ee6b1","name":"Kullen Jahnke","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/534579/avatar-0ElvrFI1uFRAsMmJsB8iv8CRDfqXKY.jpg","slug":"kullen","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-16T15:10:00.876Z","latestAt":"2026-09-16T15:10:00.876Z"},{"id":"01a016a8-48bc-754e-a7fc-c385b89824fb","type":"comment.liked","target":{"type":"comment","id":"01a01120-aca5-7219-adcf-dd21088ab047","preview":"Great\nHow do you even create something like this","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Great"}]},{"type":"paragraph","content":[{"type":"text","text":"How do you even create something like this"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a01117-4bde-777a-8cba-e32e5c334237","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a01120-aca5-7219-adcf-dd21088ab047"},"repost":null}},"context":{"type":"post","id":"01a01117-4bde-777a-8cba-e32e5c334237","preview":"Just dropped: #6 CursorCrowd 🖱\nAnyone viewing the same page of your site sees everyone else's cursors gliding around live — each visitor in its own color, with optional \"Visitor\" labels.\nBranded pointer or your own uploaded cursor, and it runs on your own free Cloudflare relay. Nothing tracked, nothing stored.\n→ Check it out","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Just dropped: #6 CursorCrowd "},{"type":"emoji","attrs":{"name":"computer_mouse","emoji":"🖱"}}]},{"type":"paragraph","content":[{"type":"text","text":"Anyone viewing the same page of your site sees everyone else's cursors gliding around live — each visitor in its own color, with optional \"Visitor\" labels."}]},{"type":"paragraph","content":[{"type":"text","text":"Branded pointer or your own uploaded cursor, and it runs on your own free Cloudflare relay. Nothing tracked, nothing stored."}]},{"type":"paragraph","content":[{"type":"text","text":"→ Check it out","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://tinyurl.com/423dwabw","target":"_blank"}}]}]}]},"thumbnail":"https://image.mux.com/qWP02jtuDfMAfXfxwSYE6lbVZhiP01vZ3XYPmSuWSc8J8/thumbnail.webp?time=1.867","targetDeleted":false,"owned":true,"actions":{"postId":"01a01117-4bde-777a-8cba-e32e5c334237","like":{"count":7,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":1,"reposted":false,"repostId":null}}},"actors":[{"id":"64ab2b22-4ac4-4ae8-bdc3-691afb8ee6b1","name":"Kullen Jahnke","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/534579/avatar-0ElvrFI1uFRAsMmJsB8iv8CRDfqXKY.jpg","slug":"kullen","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-18T20:55:22.552Z","latestAt":"2026-08-18T20:55:22.552Z"},{"id":"01a0152d-346c-71ea-a485-154b11e9bfa2","type":"comment.liked","target":{"type":"comment","id":"01a01398-03d9-7778-ae31-09913f54fc3b","preview":"Nice one, Kullen. nice bit of motion—subtle enough to support the page instead of becoming the page.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Nice one, Kullen. nice bit of motion—subtle enough to support the page instead of becoming the page."}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a01117-4bde-777a-8cba-e32e5c334237","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a01398-03d9-7778-ae31-09913f54fc3b"},"repost":null}},"context":{"type":"post","id":"01a01117-4bde-777a-8cba-e32e5c334237","preview":"Just dropped: #6 CursorCrowd 🖱\nAnyone viewing the same page of your site sees everyone else's cursors gliding around live — each visitor in its own color, with optional \"Visitor\" labels.\nBranded pointer or your own uploaded cursor, and it runs on your own free Cloudflare relay. Nothing tracked, nothing stored.\n→ Check it out","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Just dropped: #6 CursorCrowd "},{"type":"emoji","attrs":{"name":"computer_mouse","emoji":"🖱"}}]},{"type":"paragraph","content":[{"type":"text","text":"Anyone viewing the same page of your site sees everyone else's cursors gliding around live — each visitor in its own color, with optional \"Visitor\" labels."}]},{"type":"paragraph","content":[{"type":"text","text":"Branded pointer or your own uploaded cursor, and it runs on your own free Cloudflare relay. Nothing tracked, nothing stored."}]},{"type":"paragraph","content":[{"type":"text","text":"→ Check it out","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://tinyurl.com/423dwabw","target":"_blank"}}]}]}]},"thumbnail":"https://image.mux.com/qWP02jtuDfMAfXfxwSYE6lbVZhiP01vZ3XYPmSuWSc8J8/thumbnail.webp?time=1.867","targetDeleted":false,"owned":true,"actions":{"postId":"01a01117-4bde-777a-8cba-e32e5c334237","like":{"count":7,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":1,"reposted":false,"repostId":null}}},"actors":[{"id":"64ab2b22-4ac4-4ae8-bdc3-691afb8ee6b1","name":"Kullen Jahnke","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/534579/avatar-0ElvrFI1uFRAsMmJsB8iv8CRDfqXKY.jpg","slug":"kullen","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-18T14:01:19.198Z","latestAt":"2026-08-18T14:01:19.198Z"},{"id":"01a01113-3e98-704d-9626-da256b2abe4d","type":"component.created","target":{"type":"component","id":"wHJKVwHaPqUFJQUSNdyE","preview":"Cursor Crowd","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/64ab2b22-4ac4-4ae8-bdc3-691afb8ee6b1/01a01113-1f1c-76c9-9336-4da24f83a69a.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"64ab2b22-4ac4-4ae8-bdc3-691afb8ee6b1","name":"Kullen Jahnke","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/534579/avatar-0ElvrFI1uFRAsMmJsB8iv8CRDfqXKY.jpg","slug":"kullen","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-08-17T18:54:29.016Z","latestAt":"2026-08-17T18:54:29.016Z"},{"id":"019ff1ba-b565-7118-a98e-950ab1a3166f","type":"component.created","target":{"type":"component","id":"wSE74O4fiWVuOsYtcLgJ","preview":"Language Scramble","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/64ab2b22-4ac4-4ae8-bdc3-691afb8ee6b1/019ff1ba-8354-745c-8824-136cbdd9f6d4.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"64ab2b22-4ac4-4ae8-bdc3-691afb8ee6b1","name":"Kullen Jahnke","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/534579/avatar-0ElvrFI1uFRAsMmJsB8iv8CRDfqXKY.jpg","slug":"kullen","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-08-11T16:49:33.029Z","latestAt":"2026-08-11T16:49:33.029Z"},{"id":"019fc4c0-55fd-764a-a47f-e65c1bb554a3","type":"component.created","target":{"type":"component","id":"hxLxJPw1phQgP6WPywUt","preview":"Sticker Board","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/64ab2b22-4ac4-4ae8-bdc3-691afb8ee6b1/019fc4c0-380c-72b0-a129-0d59e40a3493.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"64ab2b22-4ac4-4ae8-bdc3-691afb8ee6b1","name":"Kullen Jahnke","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/534579/avatar-0ElvrFI1uFRAsMmJsB8iv8CRDfqXKY.jpg","slug":"kullen","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-08-02T23:12:47.101Z","latestAt":"2026-08-02T23:12:47.101Z"},{"id":"019fb526-715d-776a-a2a5-39e4f1f0a7c3","type":"component.created","target":{"type":"component","id":"vP1M8fZP4U228aXd7v2I","preview":"Heat Ink Trail","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/64ab2b22-4ac4-4ae8-bdc3-691afb8ee6b1/019fb4fd-3007-74fa-b705-101b75492847.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"64ab2b22-4ac4-4ae8-bdc3-691afb8ee6b1","name":"Kullen Jahnke","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/534579/avatar-0ElvrFI1uFRAsMmJsB8iv8CRDfqXKY.jpg","slug":"kullen","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-07-30T22:30:23.325Z","latestAt":"2026-07-30T22:30:23.325Z"},{"id":"019fab82-9d7b-7647-88c7-c9ee5cb79c8a","type":"comment.reply","target":{"type":"post","id":"019faade-b126-710e-a76b-a7d159f7d13c","preview":"Just dropped: #2 Section Timeline 📜\nA rail of markers that tracks the section you're reading. Hover one and it widens, its neighbors fan out with it, and that section's preview opens beside it.\nAny ideas on what to build next?\n→ Get the component","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Just dropped: #2 Section Timeline "},{"type":"emoji","attrs":{"name":"scroll","emoji":"📜"}}]},{"type":"paragraph","content":[{"type":"text","text":"A rail of markers that tracks the section you're reading. Hover one and it widens, its neighbors fan out with it, and that section's preview opens beside it."}]},{"type":"paragraph","content":[{"type":"text","text":"Any ideas on what to build next?"}]},{"type":"paragraph","content":[{"type":"text","text":"→ ","marks":[{"type":"bold"}]},{"type":"text","text":"Get the component","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://contra.com/products/r4vdbKxV-section-timeline-or-section-rail-with-previews-framer-component","target":"_blank"}},{"type":"bold"}]}]}]},"thumbnail":"https://image.mux.com/pgr92Gu01sZVBq1vO4ihqoZofzIxIrZ8tfralYoAofWs/thumbnail.webp?time=2.667","targetDeleted":false,"owned":true,"actions":{"postId":"019faade-b126-710e-a76b-a7d159f7d13c","like":{"count":10,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":2,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019fab82-9d5e-74a8-8a95-02bfa92ef95e","preview":"Thanks man!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Thanks man!"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019faade-b126-710e-a76b-a7d159f7d13c","like":{"count":0,"liked":false},"reply":{"parentCommentId":"019faaea-d8c7-7415-8ae1-5014f00de587"},"repost":null}},"actors":[{"id":"64ab2b22-4ac4-4ae8-bdc3-691afb8ee6b1","name":"Kullen Jahnke","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/534579/avatar-0ElvrFI1uFRAsMmJsB8iv8CRDfqXKY.jpg","slug":"kullen","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-29T01:34:51.771Z","latestAt":"2026-07-29T01:34:51.771Z"},{"id":"019fab82-3c32-754d-adf5-116fe4ebda8e","type":"comment.liked","target":{"type":"comment","id":"019faaea-d8c7-7415-8ae1-5014f00de587","preview":"Loved it","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Loved it"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019faade-b126-710e-a76b-a7d159f7d13c","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019faaea-d8c7-7415-8ae1-5014f00de587"},"repost":null}},"context":{"type":"post","id":"019faade-b126-710e-a76b-a7d159f7d13c","preview":"Just dropped: #2 Section Timeline 📜\nA rail of markers that tracks the section you're reading. Hover one and it widens, its neighbors fan out with it, and that section's preview opens beside it.\nAny ideas on what to build next?\n→ Get the component","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Just dropped: #2 Section Timeline "},{"type":"emoji","attrs":{"name":"scroll","emoji":"📜"}}]},{"type":"paragraph","content":[{"type":"text","text":"A rail of markers that tracks the section you're reading. Hover one and it widens, its neighbors fan out with it, and that section's preview opens beside it."}]},{"type":"paragraph","content":[{"type":"text","text":"Any ideas on what to build next?"}]},{"type":"paragraph","content":[{"type":"text","text":"→ ","marks":[{"type":"bold"}]},{"type":"text","text":"Get the component","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://contra.com/products/r4vdbKxV-section-timeline-or-section-rail-with-previews-framer-component","target":"_blank"}},{"type":"bold"}]}]}]},"thumbnail":"https://image.mux.com/pgr92Gu01sZVBq1vO4ihqoZofzIxIrZ8tfralYoAofWs/thumbnail.webp?time=2.667","targetDeleted":false,"owned":true,"actions":{"postId":"019faade-b126-710e-a76b-a7d159f7d13c","like":{"count":10,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":2,"reposted":false,"repostId":null}}},"actors":[{"id":"64ab2b22-4ac4-4ae8-bdc3-691afb8ee6b1","name":"Kullen Jahnke","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/534579/avatar-0ElvrFI1uFRAsMmJsB8iv8CRDfqXKY.jpg","slug":"kullen","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-29T01:34:26.860Z","latestAt":"2026-07-29T01:34:26.860Z"},{"id":"019faace-2d6d-7101-bfde-046fa16341e9","type":"component.created","target":{"type":"component","id":"qfZCMQx6sEpV7FnM4Eal","preview":"Section Timeline","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/64ab2b22-4ac4-4ae8-bdc3-691afb8ee6b1/019faac3-6635-743c-8845-370988bd19b5.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"64ab2b22-4ac4-4ae8-bdc3-691afb8ee6b1","name":"Kullen Jahnke","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/534579/avatar-0ElvrFI1uFRAsMmJsB8iv8CRDfqXKY.jpg","slug":"kullen","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-07-28T22:17:46.605Z","latestAt":"2026-07-28T22:17:46.605Z"},{"id":"019f9249-f030-74cd-ba0b-e5f0deec8da1","type":"comment.reply","target":{"type":"post","id":"019f9190-8b16-7563-b580-5585ee009b60","preview":"New series: Building Framer components.\n#1: Morph Deck 🃏. A fanned deck where each card is your own component. Click one and it expands, the rest dock under it.\n→ Get the component","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"New series: Building Framer components."}]},{"type":"paragraph","content":[{"type":"text","text":"#1: Morph Deck "},{"type":"emoji","attrs":{"name":"black_joker","emoji":"🃏"}},{"type":"text","text":". A fanned deck where each card is your own component. Click one and it expands, the rest dock under it."}]},{"type":"paragraph","content":[{"type":"text","text":"→ ","marks":[{"type":"bold"}]},{"type":"text","text":"Get the component","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://contra.com/products/GjFsc4Du-morph-deck-or-click-to-expand-card-deck-framer-component","target":"_blank"}},{"type":"bold"}]}]}]},"thumbnail":"https://image.mux.com/M5myZ8EBZXfb2oXWtK2DSn1hfwfqTWJb34i015Ho6djA/thumbnail.webp?time=2.75","targetDeleted":false,"owned":true,"actions":{"postId":"019f9190-8b16-7563-b580-5585ee009b60","like":{"count":19,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":2,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019f9249-f019-72ae-b4e3-d6c4eb5156aa","preview":"Thanks!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Thanks!"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019f9190-8b16-7563-b580-5585ee009b60","like":{"count":0,"liked":false},"reply":{"parentCommentId":"019f9235-2e79-707d-b448-3ea35bb8a71b"},"repost":null}},"actors":[{"id":"64ab2b22-4ac4-4ae8-bdc3-691afb8ee6b1","name":"Kullen Jahnke","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/534579/avatar-0ElvrFI1uFRAsMmJsB8iv8CRDfqXKY.jpg","slug":"kullen","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-24T04:02:26.992Z","latestAt":"2026-07-24T04:02:26.992Z"},{"id":"019f9246-88a7-75c0-b8a7-3d215b1353ed","type":"comment.liked","target":{"type":"comment","id":"019f9235-2e79-707d-b448-3ea35bb8a71b","preview":"Oops this is insane","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Oops this is insane"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019f9190-8b16-7563-b580-5585ee009b60","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019f9235-2e79-707d-b448-3ea35bb8a71b"},"repost":null}},"context":{"type":"post","id":"019f9190-8b16-7563-b580-5585ee009b60","preview":"New series: Building Framer components.\n#1: Morph Deck 🃏. A fanned deck where each card is your own component. Click one and it expands, the rest dock under it.\n→ Get the component","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"New series: Building Framer components."}]},{"type":"paragraph","content":[{"type":"text","text":"#1: Morph Deck "},{"type":"emoji","attrs":{"name":"black_joker","emoji":"🃏"}},{"type":"text","text":". A fanned deck where each card is your own component. Click one and it expands, the rest dock under it."}]},{"type":"paragraph","content":[{"type":"text","text":"→ ","marks":[{"type":"bold"}]},{"type":"text","text":"Get the component","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://contra.com/products/GjFsc4Du-morph-deck-or-click-to-expand-card-deck-framer-component","target":"_blank"}},{"type":"bold"}]}]}]},"thumbnail":"https://image.mux.com/M5myZ8EBZXfb2oXWtK2DSn1hfwfqTWJb34i015Ho6djA/thumbnail.webp?time=2.75","targetDeleted":false,"owned":true,"actions":{"postId":"019f9190-8b16-7563-b580-5585ee009b60","like":{"count":19,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":2,"reposted":false,"repostId":null}}},"actors":[{"id":"64ab2b22-4ac4-4ae8-bdc3-691afb8ee6b1","name":"Kullen Jahnke","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/534579/avatar-0ElvrFI1uFRAsMmJsB8iv8CRDfqXKY.jpg","slug":"kullen","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-24T03:58:43.875Z","latestAt":"2026-07-24T03:58:43.875Z"},{"id":"019f9213-c609-765f-919c-9f13e9c56ff4","type":"comment.reply","target":{"type":"post","id":"019f9190-8b16-7563-b580-5585ee009b60","preview":"New series: Building Framer components.\n#1: Morph Deck 🃏. A fanned deck where each card is your own component. Click one and it expands, the rest dock under it.\n→ Get the component","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"New series: Building Framer components."}]},{"type":"paragraph","content":[{"type":"text","text":"#1: Morph Deck "},{"type":"emoji","attrs":{"name":"black_joker","emoji":"🃏"}},{"type":"text","text":". A fanned deck where each card is your own component. Click one and it expands, the rest dock under it."}]},{"type":"paragraph","content":[{"type":"text","text":"→ ","marks":[{"type":"bold"}]},{"type":"text","text":"Get the component","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://contra.com/products/GjFsc4Du-morph-deck-or-click-to-expand-card-deck-framer-component","target":"_blank"}},{"type":"bold"}]}]}]},"thumbnail":"https://image.mux.com/M5myZ8EBZXfb2oXWtK2DSn1hfwfqTWJb34i015Ho6djA/thumbnail.webp?time=2.75","targetDeleted":false,"owned":true,"actions":{"postId":"019f9190-8b16-7563-b580-5585ee009b60","like":{"count":19,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":2,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019f9213-c5ef-775b-8bd9-8c5900c6e189","preview":"Thanks man, i really appreciate it!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Thanks man, i really appreciate it!"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019f9190-8b16-7563-b580-5585ee009b60","like":{"count":0,"liked":false},"reply":{"parentCommentId":"019f91dd-4529-708b-a2c0-0031930d6767"},"repost":null}},"actors":[{"id":"64ab2b22-4ac4-4ae8-bdc3-691afb8ee6b1","name":"Kullen Jahnke","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/534579/avatar-0ElvrFI1uFRAsMmJsB8iv8CRDfqXKY.jpg","slug":"kullen","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-24T03:03:17.257Z","latestAt":"2026-07-24T03:03:17.257Z"},{"id":"019f920f-ba5a-75ea-b3ec-9342380af0c8","type":"comment.liked","target":{"type":"comment","id":"019f91dd-4529-708b-a2c0-0031930d6767","preview":"So smooth!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"So smooth!"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019f9190-8b16-7563-b580-5585ee009b60","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019f91dd-4529-708b-a2c0-0031930d6767"},"repost":null}},"context":{"type":"post","id":"019f9190-8b16-7563-b580-5585ee009b60","preview":"New series: Building Framer components.\n#1: Morph Deck 🃏. A fanned deck where each card is your own component. Click one and it expands, the rest dock under it.\n→ Get the component","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"New series: Building Framer components."}]},{"type":"paragraph","content":[{"type":"text","text":"#1: Morph Deck "},{"type":"emoji","attrs":{"name":"black_joker","emoji":"🃏"}},{"type":"text","text":". A fanned deck where each card is your own component. Click one and it expands, the rest dock under it."}]},{"type":"paragraph","content":[{"type":"text","text":"→ ","marks":[{"type":"bold"}]},{"type":"text","text":"Get the component","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://contra.com/products/GjFsc4Du-morph-deck-or-click-to-expand-card-deck-framer-component","target":"_blank"}},{"type":"bold"}]}]}]},"thumbnail":"https://image.mux.com/M5myZ8EBZXfb2oXWtK2DSn1hfwfqTWJb34i015Ho6djA/thumbnail.webp?time=2.75","targetDeleted":false,"owned":true,"actions":{"postId":"019f9190-8b16-7563-b580-5585ee009b60","like":{"count":19,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":2,"reposted":false,"repostId":null}}},"actors":[{"id":"64ab2b22-4ac4-4ae8-bdc3-691afb8ee6b1","name":"Kullen Jahnke","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/534579/avatar-0ElvrFI1uFRAsMmJsB8iv8CRDfqXKY.jpg","slug":"kullen","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-24T02:58:52.118Z","latestAt":"2026-07-24T02:58:52.118Z"},{"id":"019f918c-97c7-74ad-a83b-829be5caa28a","type":"component.created","target":{"type":"component","id":"kPvfibDkGbZbvfoeYPfw","preview":"Morph Deck","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/64ab2b22-4ac4-4ae8-bdc3-691afb8ee6b1/019f9165-1916-70ea-8407-8e6383a8cfb1.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"64ab2b22-4ac4-4ae8-bdc3-691afb8ee6b1","name":"Kullen Jahnke","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/534579/avatar-0ElvrFI1uFRAsMmJsB8iv8CRDfqXKY.jpg","slug":"kullen","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-07-24T00:35:38.055Z","latestAt":"2026-07-24T00:35:38.055Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:64ab2b22-4ac4-4ae8-bdc3-691afb8ee6b1:/unified/posts/?creator=64ab2b22-4ac4-4ae8-bdc3-691afb8ee6b1&with=reposts":[{"data":[{"id":"01a01117-4bde-777a-8cba-e32e5c334237","title":null,"body":"

Just dropped: #6 CursorCrowd 🖱

Anyone viewing the same page of your site sees everyone else's cursors gliding around live — each visitor in its own color, with optional "Visitor" labels.

Branded pointer or your own uploaded cursor, and it runs on your own free Cloudflare relay. Nothing tracked, nothing stored.

→ Check it out

Just dropped: #6 CursorCrowd 🖱

Anyone viewing the same page of your site sees everyone else's cursors gliding around live — each visitor in its own color, with optional "Visitor" labels.

Branded pointer or your own uploaded cursor, and it runs on your own free Cloudflare relay. Nothing tracked, nothing stored.

→ Check it out

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Just dropped: #6 CursorCrowd "},{"type":"emoji","attrs":{"name":"computer_mouse","emoji":"🖱"}}]},{"type":"paragraph","content":[{"type":"text","text":"Anyone viewing the same page of your site sees everyone else's cursors gliding around live — each visitor in its own color, with optional \"Visitor\" labels."}]},{"type":"paragraph","content":[{"type":"text","text":"Branded pointer or your own uploaded cursor, and it runs on your own free Cloudflare relay. Nothing tracked, nothing stored."}]},{"type":"paragraph","content":[{"type":"text","text":"→ Check it out","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://tinyurl.com/423dwabw","target":"_blank"}}]}]}]},"author":{"framerUserId":"64ab2b22-4ac4-4ae8-bdc3-691afb8ee6b1","name":"Kullen Jahnke","slug":"kullen","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/534579/avatar-0ElvrFI1uFRAsMmJsB8iv8CRDfqXKY.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/qWP02jtuDfMAfXfxwSYE6lbVZhiP01vZ3XYPmSuWSc8J8.m3u8","metadata":{"posterUrl":"https://image.mux.com/qWP02jtuDfMAfXfxwSYE6lbVZhiP01vZ3XYPmSuWSc8J8/thumbnail.webp?time=1.867","aspectRatio":"1439:1080","duration":5.483333}},{"type":"video","url":"https://stream.mux.com/wnUgf004sCxpeVLKsGOh27ijUC23l8p48zYWLwUb2Low.m3u8","metadata":{"posterUrl":"https://image.mux.com/wnUgf004sCxpeVLKsGOh27ijUC23l8p48zYWLwUb2Low/thumbnail.webp?time=2.367","aspectRatio":"4:3","duration":12.933333}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":7,"liked":false},"comments":{"count":2},"reposts":{"count":1,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-17T18:58:54.566Z","updatedAt":"2026-08-17T18:58:54.566Z"},{"id":"01a01113-3c73-7770-9bfe-0dc16739cf61","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"64ab2b22-4ac4-4ae8-bdc3-691afb8ee6b1","name":"Kullen Jahnke","slug":"kullen","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/534579/avatar-0ElvrFI1uFRAsMmJsB8iv8CRDfqXKY.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"wHJKVwHaPqUFJQUSNdyE","resolved":true,"title":"Cursor Crowd","body":"$62","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Cursor Crowd","marks":[{"type":"bold"}]},{"type":"text","text":" s a responsive Framer component that shows the live cursors of everyone else viewing the same page, with optional visitor labels, a branded default pointer or your own uploaded cursor, per-visitor colors, and a relay you deploy to your own free Cloudflare account in minutes."}]},{"type":"paragraph","content":[{"type":"text","text":"Use Cases","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"This component works especially well for:"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Portfolio and personal sites"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Agency and studio homepages"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Launch and waitlist pages"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Event pages"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Link-in-bio pages"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Community landings"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Perfect when you want a page to feel visited instead of empty."}]},{"type":"paragraph","content":[{"type":"text","text":"--------------------------------------------------------------"}]},{"type":"paragraph","content":[{"type":"text","text":"Customization","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Fully customizable via the properties panel:"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Enabled"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Demo mode"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Demo cursors"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Demo speed"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Endpoint URL"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Site key"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Cursor source"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom cursor upload (SVG, PNG, WebP)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Size"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Own cursor"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Own color"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Outline color"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Outline width"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Shadow"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Hotspot X and Y"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Tint remotes"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Keep UI cursors"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Palette (10 visitor colors)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Send interval"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Show labels"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Label text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smoothing"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Z-index"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Debug status."}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"You design the page. The component only adds the other visitors' cursors."}]},{"type":"paragraph","content":[{"type":"text","text":"--------------------------------------------------------------"}]},{"type":"paragraph","content":[{"type":"text","text":"Responsive Behavior","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Desktop: ","marks":[{"type":"bold"}]},{"type":"text","text":"full experience for mouse and trackpad visitors"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Touch devices stay silent:","marks":[{"type":"bold"}]},{"type":"text","text":" no connection, no cursors, no effect on the page"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Reduced motion:","marks":[{"type":"bold"}]},{"type":"text","text":" cursors place instantly instead of gliding"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"The overlay never blocks clicks, selection, or scrolling, and is hidden from screen readers. Place one invisible instance per page."}]},{"type":"paragraph","content":[{"type":"text","text":"--------------------------------------------------------------"}]},{"type":"paragraph","content":[{"type":"text","text":"Preview / Tutorial / Functionality","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Preview:","marks":[{"type":"bold"}]},{"type":"text","text":" "},{"type":"text","text":"https://cursor-crowd.framer.website/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://cursor-crowd.framer.website/","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Tutorial:","marks":[{"type":"bold"}]},{"type":"text","text":" "},{"type":"text","text":"https://cursor-crowd.framer.website/tutorial","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://cursor-crowd.framer.website/tutorial","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"What's included:","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"The CursorCrowd component"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"The open-source relay, one-click Cloudflare deploy"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Setup tutorial on the preview site"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Support: message me on X or by email"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Good to know:","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Live cursors need the relay deployed first (free); Demo mode works without it"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Rooms hold 10 visitors by default; extras just browse without cursors"}]}]}]}]},"introduction":"Live visitor cursors on your site","slug":"cursor-crowd","author":{"framerUserId":"64ab2b22-4ac4-4ae8-bdc3-691afb8ee6b1","name":"Kullen Jahnke","slug":"kullen","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/534579/avatar-0ElvrFI1uFRAsMmJsB8iv8CRDfqXKY.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/64ab2b22-4ac4-4ae8-bdc3-691afb8ee6b1/01a01113-1f1c-76c9-9336-4da24f83a69a.png","metadata":{"tint":{"h":60,"s":53,"l":39},"width":2714,"height":2035}}],"post":null,"createdAt":"2026-08-17T18:54:27.908Z","updatedAt":"2026-08-17T18:54:27.908Z","publishedAt":"2026-08-17T18:54:27.904Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://cursor-crowd.framer.website/","price":"10","paymentUrl":"https://contra.com/payment-link/XF8LesYK-cursor-crowd-or-live-visitor-cursors-framer-component","workshop":false,"categories":[{"id":"c0182b81-fefe-45f5-ba00-27459f05e2a7","name":"Cursors","slug":"cursors"}],"lastSaveId":"Lf0aeWNcB445lWFcZ5mR","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":8,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-17T18:54:28.468Z","updatedAt":"2026-08-17T18:54:28.468Z"},{"id":"019ff2e6-70bb-72e8-af74-3e102499c492","title":null,"body":"

Just dropped: #5 Language Scramble 🔤

Click your language button and every changed line cycles through letters, numbers, and kana, then resolves into the new language.

Five resolve styles: scramble, cascade, center out, edges in, and a wipe

→ Check it out for free

Just dropped: #5 Language Scramble 🔤

Click your language button and every changed line cycles through letters, numbers, and kana, then resolves into the new language.

Five resolve styles: scramble, cascade, center out, edges in, and a wipe

→ Check it out for free

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Just dropped: #5 Language Scramble "},{"type":"emoji","attrs":{"name":"abc","emoji":"🔤"}}]},{"type":"paragraph","content":[{"type":"text","text":"Click your language button and every changed line cycles through letters, numbers, and kana, then resolves into the new language."}]},{"type":"paragraph","content":[{"type":"text","text":"Five resolve styles: scramble, cascade, center out, edges in, and a wipe"}]},{"type":"paragraph","content":[{"type":"text","text":"→ "},{"type":"text","text":"Check it out for free","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://tinyurl.com/yt9w9hmt","target":"_blank"}}]}]}]},"author":{"framerUserId":"64ab2b22-4ac4-4ae8-bdc3-691afb8ee6b1","name":"Kullen Jahnke","slug":"kullen","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/534579/avatar-0ElvrFI1uFRAsMmJsB8iv8CRDfqXKY.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/4Ip4PdMrmFXewTvydhSOr42xv3qv3ObRp701xP2QOsuw.m3u8","metadata":{"posterUrl":"https://image.mux.com/4Ip4PdMrmFXewTvydhSOr42xv3qv3ObRp701xP2QOsuw/thumbnail.webp?time=1.167","aspectRatio":"1439:1080","duration":6.083333}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":7,"liked":false},"comments":{"count":1},"reposts":{"count":1,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-11T22:16:56.255Z","updatedAt":"2026-08-11T22:16:56.255Z"},{"id":"019ff1ba-b36a-7798-8eef-084f455dcde7","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"64ab2b22-4ac4-4ae8-bdc3-691afb8ee6b1","name":"Kullen Jahnke","slug":"kullen","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/534579/avatar-0ElvrFI1uFRAsMmJsB8iv8CRDfqXKY.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"wSE74O4fiWVuOsYtcLgJ","resolved":true,"title":"Language Scramble","body":"$63","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Language Scramble","marks":[{"type":"bold"}]},{"type":"text","text":" is a responsive Framer component that runs your language switch: text inside the frames you mark scrambles into the new language, resolving left to right. It's an invisible layer inside a button you design yourself, using Framer's native Localization as the only translation source. No APIs, no keys. "}]},{"type":"paragraph","content":[{"type":"text","text":"Use Cases:","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Works well for:"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Multilingual portfolios"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Agency sites with international clients"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Product pages localized per market"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Perfect when you want a language switch visitors actually notice. "}]},{"type":"paragraph","content":[{"type":"text","text":"--------------------------------------------------------------"}]},{"type":"paragraph","content":[{"type":"text","text":"Customization:","marks":[{"type":"bold"}]},{"type":"text","text":" "}]},{"type":"paragraph","content":[{"type":"text","text":"Fully customizable via the properties panel:"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Switch to"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Target locale"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Style (Scramble, Cascade, Center out, Edges in, Wipe)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Duration"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Refresh rate"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Characters"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom set"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Reduced motion"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Scope"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Max characters"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Keep whitespace"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Exclude selector"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Canvas guide"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Your button's look stays yours. The component adds no visuals and animates existing text in place, so links, bold spans, and rich text keep their styling. "}]},{"type":"paragraph","content":[{"type":"text","text":"--------------------------------------------------------------"}]},{"type":"paragraph","content":[{"type":"text","text":"Responsive Behavior:","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fills whatever button you place it in, at any breakpoint"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Animates the rendered page text, no per-viewport setup"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Reduced motion: instant switch, or a short scramble capped at 150 ms"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Screen readers always get the final text"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"--------------------------------------------------------------"}]},{"type":"paragraph","content":[{"type":"text","text":"Preview:","marks":[{"type":"bold"}]},{"type":"text","text":" "},{"type":"text","text":"https://language-scramble.framer.website/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://language-scramble.framer.website/","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Tutorial: ","marks":[{"type":"bold"}]},{"type":"text","text":"https://language-scramble.framer.website/tutorial","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://language-scramble.framer.website/tutorial","target":"_blank"}},{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Code Override: ","marks":[{"type":"bold"}]},{"type":"text","text":"https://framer.com/m/LanguageScrambleOverrides-cqlqq2.js@46JWH5GReZRyW5CuV2Wu#withScramble","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://framer.com/m/LanguageScrambleOverrides-cqlqq2.js@46JWH5GReZRyW5CuV2Wu#withScramble","target":"_blank"}},{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Included:","marks":[{"type":"bold"}]},{"type":"text","text":" The component, setup steps on the preview site, the marking override, and support on X at "},{"type":"text","text":"@KullenJahnke","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://x.com/KullenJahnke","target":"_blank"}}]},{"type":"text","text":". "}]},{"type":"paragraph","content":[{"type":"text","text":"Good to know:","marks":[{"type":"bold"}]},{"type":"text","text":" Needs Framer Localization with two or more locales, and the included withScramble override on the frames you want animated. Identical text in both locales stays still on purpose. Published sites navigate to the locale URL; the animation continues on the new page. "}]}]},"introduction":"Text scramble on language switch","slug":"language-scramble","author":{"framerUserId":"64ab2b22-4ac4-4ae8-bdc3-691afb8ee6b1","name":"Kullen Jahnke","slug":"kullen","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/534579/avatar-0ElvrFI1uFRAsMmJsB8iv8CRDfqXKY.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/64ab2b22-4ac4-4ae8-bdc3-691afb8ee6b1/019ff1ba-8354-745c-8824-136cbdd9f6d4.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":2714,"height":2035}}],"post":null,"createdAt":"2026-08-11T16:49:32.023Z","updatedAt":"2026-08-11T20:39:22.062Z","publishedAt":"2026-08-11T16:49:32.020Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/LangaugeScramble-bhxMrE.js@ueWdR3gmzpqOfmj5nF0X","previewUrl":"https://language-scramble.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"ueWdR3gmzpqOfmj5nF0X","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-11T16:49:32.522Z","updatedAt":"2026-08-11T16:49:32.522Z"},{"id":"019fc4c3-5268-73d8-b5ac-d22dbf1a7965","title":null,"body":"

Sticker Board 🔖 #4 in the series

Drop in a png/svg image and it becomes a sticker you can peel off the page. The outline and the shadow are cut from the image's real edges, and the bend rolls across the sticker as it lifts.

Stickers stay where you drop them. The last one you touched sits on top.

→ Check it out for free

Sticker Board 🔖 #4 in the series

Drop in a png/svg image and it becomes a sticker you can peel off the page. The outline and the shadow are cut from the image's real edges, and the bend rolls across the sticker as it lifts.

Stickers stay where you drop them. The last one you touched sits on top.

→ Check it out for free

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Sticker Board "},{"type":"emoji","attrs":{"name":"bookmark","emoji":"🔖"}},{"type":"text","text":" #4 in the series"}]},{"type":"paragraph","content":[{"type":"text","text":"Drop in a png/svg image and it becomes a sticker you can peel off the page. The outline and the shadow are cut from the image's real edges, and the bend rolls across the sticker as it lifts."}]},{"type":"paragraph","content":[{"type":"text","text":"Stickers stay where you drop them. The last one you touched sits on top."}]},{"type":"paragraph","content":[{"type":"text","text":"→ ","marks":[{"type":"bold"}]},{"type":"text","text":"Check it out for free","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://tinyurl.com/bdz596b2","target":"_blank"}},{"type":"bold"}]}]}]},"author":{"framerUserId":"64ab2b22-4ac4-4ae8-bdc3-691afb8ee6b1","name":"Kullen Jahnke","slug":"kullen","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/534579/avatar-0ElvrFI1uFRAsMmJsB8iv8CRDfqXKY.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/BTU7o00ig6221n3f5PoOnt9FSCGNI1cCn4xGIHC902Uzo.m3u8","metadata":{"posterUrl":"https://image.mux.com/BTU7o00ig6221n3f5PoOnt9FSCGNI1cCn4xGIHC902Uzo/thumbnail.webp?time=3.817","aspectRatio":"1439:1080","duration":11.683333}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":6,"liked":false},"comments":{"count":0},"reposts":{"count":1,"reposted":false,"repostId":null},"version":2,"edited":true,"editedAt":"2026-08-02T23:18:42.304Z","createdAt":"2026-08-02T23:16:02.797Z","updatedAt":"2026-08-02T23:18:42.304Z"},{"id":"019fc4c0-5469-73dc-a65d-7ba63f10536a","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"64ab2b22-4ac4-4ae8-bdc3-691afb8ee6b1","name":"Kullen Jahnke","slug":"kullen","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/534579/avatar-0ElvrFI1uFRAsMmJsB8iv8CRDfqXKY.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"hxLxJPw1phQgP6WPywUt","resolved":true,"title":"Sticker Board","body":"$64","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Sticker Board","marks":[{"type":"bold"}]},{"type":"text","text":" is a responsive Framer component that turns your images into draggable stickers: each one peels off the page when grabbed, with an outline and shadow cut from the image's real edges, a bend that rolls across it as it lifts, and a glossy sweep."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Use Cases:","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Works well for: "}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"portfolio heroes"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"about pages"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"moodboards"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"photo walls"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"agency sites"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"product pages"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"link-in-bio pages"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"404 pages"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Perfect when you want visitors to rearrange the page instead of just scrolling past it."}]},{"type":"paragraph","content":[{"type":"text","text":"--------------------------------------------------------------"}]},{"type":"paragraph","content":[{"type":"text","text":"Customization","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Fully customizable via the properties panel:"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"up to 24 stickers"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"each with image, width, position, rotation and alt text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"background and overflow"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"outline color and width"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":" sticker scale"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"lift scale"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"shadow offset"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"color and blur"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"peel direction, angle and wave strength"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"drag lean"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"shimmer"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"spin"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"pickup and landing springs"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"drag toggle"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"reduced motion"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"padding and container constraint."}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"The stickers are your images. The component handles the physics."}]},{"type":"paragraph","content":[{"type":"text","text":"--------------------------------------------------------------"}]},{"type":"paragraph","content":[{"type":"text","text":"Responsive Behavior","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Desktop:","marks":[{"type":"bold"}]},{"type":"text","text":" grab anywhere on a sticker; it follows the cursor with no lag and stays where you drop it."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Tablet and mobile:","marks":[{"type":"bold"}]},{"type":"text","text":" touch drag works the same, and dragging never scrolls the page."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Keyboard:","marks":[{"type":"bold"}]},{"type":"text","text":" a focused sticker moves with the arrow keys."}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Positions are percentage based, so the arrangement survives resizing, and it fills its container."}]},{"type":"paragraph","content":[{"type":"text","text":"--------------------------------------------------------------"}]},{"type":"paragraph","content":[{"type":"text","text":"Preview:","marks":[{"type":"bold"}]},{"type":"text","text":" "},{"type":"text","text":"https://sticker-board.framer.website/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://sticker-board.framer.website/","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Included:","marks":[{"type":"bold"}]},{"type":"text","text":" the component and a live preview with setup steps. Support on X at "},{"type":"text","text":"@KullenJahnke","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://x.com/kullenjahnke/","target":"_blank"}}]},{"type":"text","text":"."}]},{"type":"paragraph","content":[{"type":"text","text":"Good to know:","marks":[{"type":"bold"}]},{"type":"text","text":" transparent PNG, WebP or SVG works best; a fully opaque rectangle gets a rectangular outline and shadow. The peel bend shows only during pickup and release, which keeps a held sticker sharp. Moved stickers reset on reload."}]}]},"introduction":"Your images, as peelable stickers","slug":"sticker-board","author":{"framerUserId":"64ab2b22-4ac4-4ae8-bdc3-691afb8ee6b1","name":"Kullen Jahnke","slug":"kullen","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/534579/avatar-0ElvrFI1uFRAsMmJsB8iv8CRDfqXKY.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/64ab2b22-4ac4-4ae8-bdc3-691afb8ee6b1/019fc4c0-380c-72b0-a129-0d59e40a3493.png","metadata":{"tint":{"h":0,"s":0,"l":58},"width":2714,"height":2035}}],"post":null,"createdAt":"2026-08-02T23:12:46.304Z","updatedAt":"2026-08-15T22:45:20.574Z","publishedAt":"2026-08-02T23:12:46.301Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/StickerBoard-SLCEGG.js@cafk9KdMQKCexokvOYwH","previewUrl":"https://sticker-board.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"1a3a0eb3-698e-461a-bf42-2502a7ed43e0","name":"Backgrounds","slug":"backgrounds"}],"lastSaveId":"cafk9KdMQKCexokvOYwH","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":36,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-02T23:12:46.697Z","updatedAt":"2026-08-02T23:12:46.697Z"},{"id":"019fb52b-393b-7234-9bfd-5d34d26bd2e2","title":null,"body":"

Heat Ink Trail 🔥🖊 #3 in the series

Move slowly and it writes wide and dark. Move fast and it thins to a hairline. Stop moving and the ink keeps blooming under the cursor.

Marks cool away on their own, and a crossing outlasts either stroke that made it.

→ Check it out for free

Heat Ink Trail 🔥🖊 #3 in the series

Move slowly and it writes wide and dark. Move fast and it thins to a hairline. Stop moving and the ink keeps blooming under the cursor.

Marks cool away on their own, and a crossing outlasts either stroke that made it.

→ Check it out for free

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Heat Ink Trail "},{"type":"emoji","attrs":{"name":"fire","emoji":"🔥"}},{"type":"emoji","attrs":{"name":"pen","emoji":"🖊"}},{"type":"text","text":" #3 in the series"}]},{"type":"paragraph","content":[{"type":"text","text":"Move slowly and it writes wide and dark. Move fast and it thins to a hairline. Stop moving and the ink keeps blooming under the cursor."}]},{"type":"paragraph","content":[{"type":"text","text":"Marks cool away on their own, and a crossing outlasts either stroke that made it."}]},{"type":"paragraph","content":[{"type":"text","text":"→ ","marks":[{"type":"bold"}]},{"type":"text","text":"Check it out for free","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://tinyurl.com/2h355x2t","target":"_blank"}}]}]}]},"author":{"framerUserId":"64ab2b22-4ac4-4ae8-bdc3-691afb8ee6b1","name":"Kullen Jahnke","slug":"kullen","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/534579/avatar-0ElvrFI1uFRAsMmJsB8iv8CRDfqXKY.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/fM2uH02qj99yjdWlVUNsRSpolv01k2hle00Ks5otC9DhTM.m3u8","metadata":{"posterUrl":"https://image.mux.com/fM2uH02qj99yjdWlVUNsRSpolv01k2hle00Ks5otC9DhTM/thumbnail.webp?time=4.833","aspectRatio":"1439:1080","duration":7.416667}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":10,"liked":false},"comments":{"count":0},"reposts":{"count":1,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-30T22:35:36.645Z","updatedAt":"2026-07-30T22:35:36.645Z"},{"id":"019fb526-6fb9-77f8-a543-ca36035c1ee6","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"64ab2b22-4ac4-4ae8-bdc3-691afb8ee6b1","name":"Kullen Jahnke","slug":"kullen","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/534579/avatar-0ElvrFI1uFRAsMmJsB8iv8CRDfqXKY.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"vP1M8fZP4U228aXd7v2I","resolved":true,"title":"Heat Ink Trail","body":"$65","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Heat Ink Trail","marks":[{"type":"bold"}]},{"type":"text","text":" is a responsive Framer component for cursor-reactive ink: a transparent overlay where slow movement lays down wide dark marks, fast movement thins them, overlapping strokes build density, and marks cool away on their own."}]},{"type":"paragraph","content":[{"type":"text","text":"Use Cases","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Works well for: "}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"studio and agency homepages"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"portfolio heroes"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"editorial articles"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"photography and gallery sites"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"product launch pages"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"one-page sites"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"teaser pages"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"personal sites"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"404 pages"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Perfect when you want a section that reacts to being read, not one that just sits there."}]},{"type":"paragraph","content":[{"type":"text","text":"--------------------------------------------------------------"}]},{"type":"paragraph","content":[{"type":"text","text":"Customization","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Fully customizable via the properties panel:"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"ink color"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"max opacity and blend mode"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"optional halo color"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"strength and spread"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"min and max brush radius"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"speed range"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"irregularity"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"fade"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"diffusion"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"hold strength"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"touch mode"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"reduced motion"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"render quality"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"max DPR"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"canvas preview"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"clear trigger"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"It draws nothing but ink, so the section underneath stays yours to design."}]},{"type":"paragraph","content":[{"type":"text","text":"--------------------------------------------------------------"}]},{"type":"paragraph","content":[{"type":"text","text":"Responsive Behavior","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Desktop:","marks":[{"type":"bold"}]},{"type":"text","text":" the cursor paints. Rest it or hold the button to bloom more heat."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Tablet:","marks":[{"type":"bold"}]},{"type":"text","text":" a tap leaves one bloom, the page still scrolls, stylus pressure is read."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Mobile:","marks":[{"type":"bold"}]},{"type":"text","text":" same tap bloom, or switch drawing off."}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Fills its container at any size, never blocks links or buttons underneath, respects reduced motion, and pauses while the tab is hidden."}]},{"type":"paragraph","content":[{"type":"text","text":"--------------------------------------------------------------"}]},{"type":"paragraph","content":[{"type":"text","text":"Preview:","marks":[{"type":"bold"}]},{"type":"text","text":" "},{"type":"text","text":"https://heat-ink-cursor-trail.framer.website/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://heat-ink-cursor-trail.framer.website/","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Tutorial:","marks":[{"type":"bold"}]},{"type":"text","text":" "},{"type":"text","text":"https://heat-ink-cursor-trail.framer.website/tutorial","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://heat-ink-cursor-trail.framer.website/tutorial","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Included:","marks":[{"type":"bold"}]},{"type":"text","text":" the component and a live preview with setup steps. Support on X at "},{"type":"text","text":"@KullenJahnke","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://x.com/KullenJahnke","target":"_blank"}}]},{"type":"text","text":"."}]},{"type":"paragraph","content":[{"type":"text","text":"Good to know:","marks":[{"type":"bold"}]},{"type":"text","text":" fade is a time constant, not a lifetime, so dense areas outlast the number you set. Diffusion cannot be turned off. "}]},{"type":"paragraph","content":[{"type":"text","text":"Use Quality:","marks":[{"type":"bold"}]},{"type":"text","text":" Low for a full-page overlay. Draw mode on touch suppresses scrolling inside the frame, so it is not the default. No splatter or droplets."}]}]},"introduction":"Ink that cools behind your cursor","slug":"heat-ink-trail","author":{"framerUserId":"64ab2b22-4ac4-4ae8-bdc3-691afb8ee6b1","name":"Kullen Jahnke","slug":"kullen","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/534579/avatar-0ElvrFI1uFRAsMmJsB8iv8CRDfqXKY.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/64ab2b22-4ac4-4ae8-bdc3-691afb8ee6b1/019fb4fd-3007-74fa-b705-101b75492847.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":2714,"height":2035}}],"post":null,"createdAt":"2026-07-30T22:30:22.512Z","updatedAt":"2026-07-30T22:30:22.512Z","publishedAt":"2026-07-30T22:30:22.503Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/HeatInkCursorTrail-T9hwhR.js@XxIqq0ARcrh8ATGTgnsA","previewUrl":"https://heat-ink-cursor-trail.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"66bb31f7-cddf-4a3e-8604-95b3467aecc2","name":"Galleries","slug":"galleries"}],"lastSaveId":"XxIqq0ARcrh8ATGTgnsA","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":18,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-30T22:30:22.905Z","updatedAt":"2026-07-30T22:30:22.905Z"},{"id":"019faade-b126-710e-a76b-a7d159f7d13c","title":null,"body":"

Just dropped: #2 Section Timeline 📜

A rail of markers that tracks the section you're reading. Hover one and it widens, its neighbors fan out with it, and that section's preview opens beside it.

Any ideas on what to build next?

→ Get the component

Just dropped: #2 Section Timeline 📜

A rail of markers that tracks the section you're reading. Hover one and it widens, its neighbors fan out with it, and that section's preview opens beside it.

Any ideas on what to build next?

→ Get the component

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Just dropped: #2 Section Timeline "},{"type":"emoji","attrs":{"name":"scroll","emoji":"📜"}}]},{"type":"paragraph","content":[{"type":"text","text":"A rail of markers that tracks the section you're reading. Hover one and it widens, its neighbors fan out with it, and that section's preview opens beside it."}]},{"type":"paragraph","content":[{"type":"text","text":"Any ideas on what to build next?"}]},{"type":"paragraph","content":[{"type":"text","text":"→ ","marks":[{"type":"bold"}]},{"type":"text","text":"Get the component","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://contra.com/products/r4vdbKxV-section-timeline-or-section-rail-with-previews-framer-component","target":"_blank"}},{"type":"bold"}]}]}]},"author":{"framerUserId":"64ab2b22-4ac4-4ae8-bdc3-691afb8ee6b1","name":"Kullen Jahnke","slug":"kullen","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/534579/avatar-0ElvrFI1uFRAsMmJsB8iv8CRDfqXKY.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/pgr92Gu01sZVBq1vO4ihqoZofzIxIrZ8tfralYoAofWs.m3u8","metadata":{"posterUrl":"https://image.mux.com/pgr92Gu01sZVBq1vO4ihqoZofzIxIrZ8tfralYoAofWs/thumbnail.webp?time=2.667","aspectRatio":"4:3","duration":15.333333}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":10,"liked":false},"comments":{"count":2},"reposts":{"count":2,"reposted":false,"repostId":null},"version":2,"edited":true,"editedAt":"2026-07-28T22:37:09.481Z","createdAt":"2026-07-28T22:35:48.906Z","updatedAt":"2026-07-28T22:37:09.481Z"},{"id":"019faace-2ae9-7549-b619-8b3903d148d3","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"64ab2b22-4ac4-4ae8-bdc3-691afb8ee6b1","name":"Kullen Jahnke","slug":"kullen","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/534579/avatar-0ElvrFI1uFRAsMmJsB8iv8CRDfqXKY.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"qfZCMQx6sEpV7FnM4Eal","resolved":true,"title":"Section Timeline","body":"$66","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Section Timeline","marks":[{"type":"bold"}]},{"type":"text","text":" is a responsive Framer component for navigating long pages: a fixed rail of markers that tracks the section you are reading, a hover fan across neighboring markers, a preview card per section, click-to-scroll with header offset, and your own Framer components as the cards."}]},{"type":"paragraph","content":[{"type":"text","text":"Use Cases","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Works well for: "}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"long-form articles"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"blog posts"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"documentation"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"case studies"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"portfolio pages"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"product landing pages"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"one-page sites"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"changelogs"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Perfect when you want readers to see where they are and what is next, instead of a bare scrollbar."}]},{"type":"paragraph","content":[{"type":"text","text":"--------------------------------------------------------------"}]},{"type":"paragraph","content":[{"type":"text","text":"Customization","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Fully customizable via the properties panel: "}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"section list"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"preview side"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"alignment and gap"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"marker size"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"spacing"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"radius and colors"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"hover fan spread and falloff"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"card width"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"padding"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"background"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"border"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"radius"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"shadow"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"line limits"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"colors and fonts"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"transitions"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"travel and delay"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"activation line"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":" scroll offset"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"URL hash"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"navigation label"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"focus ring"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"The preview can be the built-in card or your own Framer component linked per section, so the design stays yours."}]},{"type":"paragraph","content":[{"type":"text","text":"--------------------------------------------------------------"}]},{"type":"paragraph","content":[{"type":"text","text":"Responsive Behavior","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Desktop:","marks":[{"type":"bold"}]},{"type":"text","text":" full rail with hover fan and preview card. "}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Tablet: ","marks":[{"type":"bold"}]},{"type":"text","text":"same rail; tap a marker to scroll to its section."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Mobile:","marks":[{"type":"bold"}]},{"type":"text","text":" hide the rail with Framer's breakpoint visibility. "}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Keyboard accessible with a visible focus ring, aria-current on the active marker, and reduced-motion aware."}]},{"type":"paragraph","content":[{"type":"text","text":"--------------------------------------------------------------"}]},{"type":"paragraph","content":[{"type":"text","text":"Preview: ","marks":[{"type":"bold"}]},{"type":"text","text":"https://section-timeline-preview.framer.website/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://section-timeline-preview.framer.website/","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Included:","marks":[{"type":"bold"}]},{"type":"text","text":" the Section Timeline component and a live preview with setup steps."}]},{"type":"paragraph","content":[{"type":"text","text":"Good to know:","marks":[{"type":"bold"}]},{"type":"text","text":" sections need explicit IDs (no auto-detection), the page must scroll normally rather than in a scroll container, and linked preview cards carry their own content."}]}]},"introduction":"Section rail with hover previews","slug":"section-timeline","author":{"framerUserId":"64ab2b22-4ac4-4ae8-bdc3-691afb8ee6b1","name":"Kullen Jahnke","slug":"kullen","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/534579/avatar-0ElvrFI1uFRAsMmJsB8iv8CRDfqXKY.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/64ab2b22-4ac4-4ae8-bdc3-691afb8ee6b1/019faac3-6635-743c-8845-370988bd19b5.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":2714,"height":2035}}],"post":null,"createdAt":"2026-07-28T22:17:45.474Z","updatedAt":"2026-07-28T22:27:38.855Z","publishedAt":"2026-07-28T22:17:45.470Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://section-timeline-preview.framer.website/","price":"10","paymentUrl":"https://contra.com/payment-link/2WcnOTlk-section-timeline-or-section-rail-with-previews-framer-component","workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"gcqjbTDQxQrDs0y3gsGw","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":6,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-28T22:17:45.961Z","updatedAt":"2026-07-28T22:17:45.961Z"},{"id":"019f9190-8b16-7563-b580-5585ee009b60","title":null,"body":"

New series: Building Framer components.

#1: Morph Deck 🃏. A fanned deck where each card is your own component. Click one and it expands, the rest dock under it.

→ Get the component

New series: Building Framer components.

#1: Morph Deck 🃏. A fanned deck where each card is your own component. Click one and it expands, the rest dock under it.

→ Get the component

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"New series: Building Framer components."}]},{"type":"paragraph","content":[{"type":"text","text":"#1: Morph Deck "},{"type":"emoji","attrs":{"name":"black_joker","emoji":"🃏"}},{"type":"text","text":". A fanned deck where each card is your own component. Click one and it expands, the rest dock under it."}]},{"type":"paragraph","content":[{"type":"text","text":"→ ","marks":[{"type":"bold"}]},{"type":"text","text":"Get the component","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://contra.com/products/GjFsc4Du-morph-deck-or-click-to-expand-card-deck-framer-component","target":"_blank"}},{"type":"bold"}]}]}]},"author":{"framerUserId":"64ab2b22-4ac4-4ae8-bdc3-691afb8ee6b1","name":"Kullen Jahnke","slug":"kullen","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/534579/avatar-0ElvrFI1uFRAsMmJsB8iv8CRDfqXKY.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/M5myZ8EBZXfb2oXWtK2DSn1hfwfqTWJb34i015Ho6djA.m3u8","metadata":{"posterUrl":"https://image.mux.com/M5myZ8EBZXfb2oXWtK2DSn1hfwfqTWJb34i015Ho6djA/thumbnail.webp?time=2.75","aspectRatio":"4:3","duration":15.983333}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":19,"liked":false},"comments":{"count":4},"reposts":{"count":2,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-24T00:39:56.957Z","updatedAt":"2026-07-24T00:39:56.957Z"},{"id":"019f918c-9652-77ad-87c7-926845e46813","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"64ab2b22-4ac4-4ae8-bdc3-691afb8ee6b1","name":"Kullen Jahnke","slug":"kullen","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/534579/avatar-0ElvrFI1uFRAsMmJsB8iv8CRDfqXKY.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"kPvfibDkGbZbvfoeYPfw","resolved":true,"title":"Morph Deck","body":"$67","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Morph Deck","marks":[{"type":"bold"}]},{"type":"text","text":" is a responsive Framer component for interactive card decks that fan out and expand, with an overlapping fanned layout, click-to-expand morph, cards that dock beneath the open one, your own components as the cards, hover lift, a blur-in entrance, and multiple independent decks per page."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Use Cases","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Works well for:"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"portfolio highlights"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"project and case-study showcases"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"product feature cards"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"service or pricing cards"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"team and people cards"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"photography and gallery decks"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"testimonial and review sets"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"feature tours"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"\"what we do\" sections"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Perfect when you want a card section that invites a click and opens into detail, instead of a flat grid or a plain carousel."}]},{"type":"paragraph","content":[{"type":"text","text":"--------------------------------------------------------------"}]},{"type":"paragraph","content":[{"type":"text","text":"Customization","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Fully customizable via the properties panel:"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"connected cards (your own components, up to 8)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"overlap"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"tilt"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"open size"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"dock offset"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"overflow (clip or spill)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"padding"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"hover lift"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"hover scale"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"morph spring (open and close motion)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"entrance on or off"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"entrance trigger (in view or on load)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"entrance stagger"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"entrance duration"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"entrance rise"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"entrance blur"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"canvas preview (fan or expanded)"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Each card is your own component with Collapsed and Expanded variants, the card design stays yours. The deck only handles the fan, the morph, and the docking."}]},{"type":"paragraph","content":[{"type":"text","text":"--------------------------------------------------------------"}]},{"type":"paragraph","content":[{"type":"text","text":"Responsive Behavior","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Desktop:","marks":[{"type":"bold"}]},{"type":"text","text":" full fan with hover lift; click a card to expand it while the rest dock beneath it."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Tablet:","marks":[{"type":"bold"}]},{"type":"text","text":" same structure, sized to the component's width."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Mobile:","marks":[{"type":"bold"}]},{"type":"text","text":" hover is dropped and cards open on tap; layout adjusts for narrow widths."}]},{"type":"paragraph"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Morph Deck fits itself to whatever container you place it in."}]},{"type":"paragraph","content":[{"type":"text","text":"--------------------------------------------------------------"}]},{"type":"paragraph","content":[{"type":"text","text":"Preview: ","marks":[{"type":"bold"}]},{"type":"text","text":"https://morph-deck-preview.framer.website/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://morph-deck-preview.framer.website/","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Included:","marks":[{"type":"bold"}]},{"type":"text","text":" The component and its DeckCard overrides, plus the live preview with tutorial."}]},{"type":"paragraph","content":[{"type":"text","text":"Note:","marks":[{"type":"bold"}]},{"type":"text","text":" hover lift is pointer-only (cards open on tap or touch), and each card needs two variants named exactly "},{"type":"text","text":"Collapsed","marks":[{"type":"code"}]},{"type":"text","text":" and "},{"type":"text","text":"Expanded","marks":[{"type":"code"}]},{"type":"text","text":"."}]}]},"introduction":"Custom click-to-expand card deck","slug":"morph-deck","author":{"framerUserId":"64ab2b22-4ac4-4ae8-bdc3-691afb8ee6b1","name":"Kullen Jahnke","slug":"kullen","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/534579/avatar-0ElvrFI1uFRAsMmJsB8iv8CRDfqXKY.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/64ab2b22-4ac4-4ae8-bdc3-691afb8ee6b1/019f9165-1916-70ea-8407-8e6383a8cfb1.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":2714,"height":2035}}],"post":null,"createdAt":"2026-07-24T00:35:37.242Z","updatedAt":"2026-07-27T19:46:24.949Z","publishedAt":"2026-07-24T00:35:37.238Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://morph-deck-preview.framer.website/","price":"10","paymentUrl":"https://contra.com/payment-link/DyP1ioD6-morph-deck-or-click-to-expand-card-deck-framer-component","workshop":false,"categories":[{"id":"c3e183d1-597a-4479-8a6f-244ae3c96f40","name":"Cards","slug":"cards"}],"lastSaveId":"WDqtyyLl3OvNcfqdEvLz","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":13,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-24T00:35:37.682Z","updatedAt":"2026-07-24T00:35:37.682Z"},{"id":"019e3b3b-7939-7176-99c1-2790dbbf3740","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"64ab2b22-4ac4-4ae8-bdc3-691afb8ee6b1","name":"Kullen Jahnke","slug":"kullen","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/534579/avatar-0ElvrFI1uFRAsMmJsB8iv8CRDfqXKY.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"15682","resolved":true,"title":"RobotRx","body":null,"bodyJson":null,"introduction":"RobotRx is a precision recovery studio in Scottsdale, AZ using the FDA-registered RX2600 robotic system to treat chronic pain and restore mobility. Designed in Framer.","slug":"robotrx","author":{"framerUserId":"64ab2b22-4ac4-4ae8-bdc3-691afb8ee6b1","name":"Kullen Jahnke","slug":"kullen","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/534579/avatar-0ElvrFI1uFRAsMmJsB8iv8CRDfqXKY.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/sites/15682/thumbnail-PlP3uBZgKiUEizT2vpx3YVs9SdPWXb.jpg","metadata":{"tint":{"h":0,"s":0,"l":58},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-05-18T13:16:53.944Z","updatedAt":"2026-05-18T13:16:53.944Z","publishedAt":"2026-05-18T13:16:53.945Z","featuredAt":null,"approvedAt":null,"type":"site","attributes":{"url":"https://www.robotrx.com/","categories":[{"id":"ddd39099-5b17-42e0-b333-7b7c480a114f","name":"Business","slug":"business"}],"mainCategory":null,"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-05-18T13:16:53.945Z","updatedAt":"2026-05-18T13:16:53.945Z"},{"id":"019bc837-c9d7-7a3f-9569-6230189ab896","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"64ab2b22-4ac4-4ae8-bdc3-691afb8ee6b1","name":"Kullen Jahnke","slug":"kullen","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/534579/avatar-0ElvrFI1uFRAsMmJsB8iv8CRDfqXKY.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"11868","resolved":true,"title":"LiftStack","body":null,"bodyJson":null,"introduction":"LiftStack is a curated nutrition platform for discovering, comparing, and choosing better protein snacks, supplements, and performance essentials. Designed in Framer with a clean, data-focused style and intuitive experience.","slug":"liftstack","author":{"framerUserId":"64ab2b22-4ac4-4ae8-bdc3-691afb8ee6b1","name":"Kullen Jahnke","slug":"kullen","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/534579/avatar-0ElvrFI1uFRAsMmJsB8iv8CRDfqXKY.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/sites/11868/thumbnail-PlLO4RfuOK8yGn3QjPTC01OZcf0RqO.jpg","metadata":{"tint":{"h":0,"s":0,"l":58},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-01-16T19:10:58.005Z","updatedAt":"2026-01-16T19:10:58.005Z","publishedAt":"2026-01-16T19:10:58.007Z","featuredAt":null,"approvedAt":null,"type":"site","attributes":{"url":"https://www.liftstack.com/","categories":[{"id":"3b2881c5-bbfb-430d-83f6-b1b0ac597b8d","name":"Ecommerce","slug":"ecommerce"},{"id":"ddd39099-5b17-42e0-b333-7b7c480a114f","name":"Business","slug":"business"}],"mainCategory":null,"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-01-16T19:10:58.007Z","updatedAt":"2026-01-16T19:10:58.007Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L68"}]