4f:I[267044,["/creators-assets/_next/static/immutable/chunks/2bxtessbrg0z1.js","/creators-assets/_next/static/immutable/chunks/0lpbs3388m8i9.js","/creators-assets/_next/static/immutable/chunks/1cyyov0z5q-kt.js","/creators-assets/_next/static/immutable/chunks/3283ev4bymz-y.js","/creators-assets/_next/static/immutable/chunks/1tyeiicl34tqo.js","/creators-assets/_next/static/immutable/chunks/24bk4ojcoor5n.js","/creators-assets/_next/static/immutable/chunks/19vaojedolulr.js","/creators-assets/_next/static/immutable/chunks/1zalsqf-ioaic.js","/creators-assets/_next/static/immutable/chunks/00hohn9l3ocx9.js","/creators-assets/_next/static/immutable/chunks/09klh1t314i6_.js","/creators-assets/_next/static/immutable/chunks/0vxt9zvn936s0.js","/creators-assets/_next/static/immutable/chunks/1eyot9c9uwocm.js","/creators-assets/_next/static/immutable/chunks/15qb5jvtj_j-a.js","/creators-assets/_next/static/immutable/chunks/3p2-jhwmdt2w4.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/102julo6bufcv.js","/creators-assets/_next/static/immutable/chunks/2e-sz6cfsc9_9.js","/creators-assets/_next/static/immutable/chunks/0mgwzh6o644jl.js","/creators-assets/_next/static/immutable/chunks/3uo-268z2xnq9.js","/creators-assets/_next/static/immutable/chunks/3fujn21cf_mt1.js","/creators-assets/_next/static/immutable/chunks/2ypcsbrcjzeke.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/431nlndki_h-4.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/3xmobvbzj3637.js","/creators-assets/_next/static/immutable/chunks/3bpdv69-t94j_.js","/creators-assets/_next/static/immutable/chunks/0toe1wcov_38e.js","/creators-assets/_next/static/immutable/chunks/21ae0xqjlej6m.js","/creators-assets/_next/static/immutable/chunks/1fpszsn0arjen.js","/creators-assets/_next/static/immutable/chunks/418s1b742d-5p.js","/creators-assets/_next/static/immutable/chunks/0iefpbbgjpqk_.js","/creators-assets/_next/static/immutable/chunks/046rld3pdrzo7.js","/creators-assets/_next/static/immutable/chunks/2warb3xv9rce7.js","/creators-assets/_next/static/immutable/chunks/3un-l23eued0s.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/3nd1mzwm7q_f7.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js"],"S"] 50:T775,

Vellund Play is a Framer template for motion designers, brand designers and small studios whose work is better touched than scrolled.

It opens dark. A pull-cord with real rope physics hangs from the navigation: pull it and every colour style flips to a light "paper" theme, and the choice is remembered. Each colour has a Light and a Dark value, so your own palette is two columns away.

Look: "night contact sheet". Instrument Serif headlines with italic second lines, mono frame numbers, crop marks on every frame, and one red grease-pencil ring on the shot you picked. It looks finished before you add a single photo.

The Playground page is the point: a Physics Tag Pile for your skills, the Rope Toggle, a peelable Sticker Board, Plinko Links where the bins are your navigation, and a Magnetic Dock. All five pause when off-screen or settled and respect reduced motion.

What's included

• 8 pages: Home, Work (CMS), Project (CMS), Playground, About, Contact, Legal (CMS) and a custom 404

• 2 CMS collections: Projects (24 fields) and Legal Pages

• 20 colour styles with Light + Dark values, 19 text styles, 4 link styles

• Layout Template for navigation and footer

• Native contact form with budget select and topic checkboxes

• Desktop, tablet and phone breakpoints built with stacks and grids

• 5 BrandingUp physics components pre-installed (3 free, 2 paid, included)

• Setup guide (PDF) with a motion-off chapter + 10 prompts for the Framer AI agent

• Lifetime updates and email support

Good for

Motion designers, brand designers, creative developers and small studios.

All clients and figures in the demo are fictional. Fonts: Instrument Serif, Inter, JetBrains Mono (Google Fonts).

Support: hello@brandingupstudio.com

51:T7ea,

What it does

A Plinko board for your site. Visitors tap anywhere to drop a ball; it rattles down the pegs and lands in one of your labeled bins. Pegs flash when hit, the bin glows, confetti pops, and an optional counter keeps score. Each bin can be a link — let the ball pick a service page, or keep it as a hero toy.

Balls can be grabbed and thrown. Starter balls drop when the board scrolls into view, and Auto Drop keeps it alive while visible. No physics library, one file, and the loop stops once everything has settled.

Customizable properties

• Bins — label, optional link and color (up to 12)

• Peg Rows, Peg style (Dot / Ring / Diamond), size, color, hit color

• Ball — size, color list or your own image

• Start Balls, Max Balls (oldest is reused), Auto Drop + interval

• Grab & Throw, On Land: Highlight or Open Link, same/new tab

• Confetti, Count badge, synthesized Sound, Hint

• Gravity, Bounce, Bin Depth, Lines / Bin / Bin Lit colors, Text, Background, Font

Why this component

• A Plinko board visitors actually play with.

• Bins are real links: a tap-dropped ball can open the page it lands in; starter and auto balls never navigate.

• Everything reacts: peg flash, bin glow, confetti, counter, optional tick/ding.

• Canvas, static export and reduce-motion show settled balls, never an empty frame. Pauses off-screen.

Need help?

hello@brandingupstudio.com — we usually reply within 72 hours. Custom edits from $75/hr. More components: https://brandingupstudio.com

Customizable via property controls — no coding needed. Unlink is not provided so we can keep shipping updates; click Update when one appears.

Setup tip: Width Fill, fixed height 480–640 px. Balls shrink when bins get narrow.

52:T777,

Tessamo is a Framer template for design studios, brand agencies and strategy consultancies that want to show results, not just pictures.

Every case study ends with numbers — and with live charts. The Work detail page carries a Positioning Map (where the brand sat before and after) and a Brand Pyramid (what you delivered), both editable from the properties panel. Axis labels and on/off switches come from the CMS, so each case tells its own story.

Look: “paper-cut poster”. Oversized Syne display type, hollow outline second lines, a scrolling marquee, and seven pastel paper blocks that stand in for photography, so it looks finished before you add a single image.

What’s included

• 10 pages: Home, Services, Work (CMS), Work detail (CMS), Journal (CMS), Journal post (CMS), Studio, Contact, Legal (CMS) and a custom 404

• 3 CMS collections — Cases (20 fields incl. results, quote and chart settings), Insights, Legal (Privacy, Terms, Imprint)

• One Layout Template for navigation and footer; a Nav component with a working phone drawer

• Native contact form with budget select and service checkboxes

• 14 colour and 25 text styles: restyle the whole site from one panel

• Desktop, tablet and phone breakpoints built with stacks and grids, so the Framer agent can edit them safely

• Two free chart components by BrandingUp pre-installed, plus a ready slot for a Gantt, Sankey or Journey chart

• Setup guide (PDF) + 10 ready-to-paste prompts for the Framer AI agent

• Lifetime updates and email support

Good for

Design studios, brand and naming agencies, product design and strategy consultancies.

All clients, people and figures in the demo are fictional. Fonts: Syne and Space Grotesk (Google Fonts, free).

Support: hello@brandingupstudio.com

53:T75e,

What it does

Magnetic Dock turns a row (or column) of icons into a macOS-style dock. As the cursor approaches, nearby icons grow with a smooth distance falloff, get pulled toward the pointer and lift off the bar — so the whole dock feels alive, not just the icon under the mouse. A tooltip pops up above the closest icon and a click opens its link.

It works in four positions — Bottom, Top, Left or Right — so the same component is a footer dock, a top app bar or a vertical side rail. Add an Active dot for the current page, drop in separators, and use icon images or the built-in glyphs (Home, Projects, About, Blog, GitHub, Dribbble, Contact and more — anything else gets a clean initial tile).

Customizable properties

- Up to 16 items: icon image or glyph, label, link, new tab, Active dot, separator

- Position, Icon Size, Magnify (1–2.5×), Range, Magnet pull, Lift, Speed, Gap, Padding

- Tooltips, Touch mode (Tap to Magnify or Static), Dock Style (Glass, Solid or None)

- Background, border, radius, tile and glyph colors, accent ring, font, Canvas Preview pose

Why this component

- Magnify + magnetic pull + lift in one motion model — most docks only scale

- Real vertical mode (Left/Right rails), not just a bottom bar

- Keyboard focus magnifies too: Tab or arrows move, Enter opens, visible focus ring

- Touch behaviour is a choice, not an afterthought

- No animation library; the loop stops at rest and pauses off-screen

Need help?

hello@brandingupstudio.com — we usually reply within 72 hours. Custom edits from $75/hr. More components: https://brandingupstudio.com

Unlink is not provided so we can keep delivering updates — just click Update on the component.

54:T62d,

What it does

Turn a hero, an About page or a link-in-bio into a board of die-cut stickers. Grab one and it peels up from the corner, leans into your drag, then slaps back down with a slight twist and a soft shadow. Throw stickers around, and double-click the board to put everything back.

No images needed: type a label, pick a shape (pill, rectangle, circle, star, burst or arch) and a color, and you get a sticker with a clean white die-cut edge. Mix in transparent PNGs or SVGs for logos. Any sticker can be a link — a tap opens it, dragging never does.

Customizable properties

Up to 30 stickers: text or image, shape, color, link, size, position, tilt
Layout: Scatter (with seed), Grid, Arc or Manual
Peel, lift, lean, slap tilt, throw, grab-to-front, bounds, reset
Die-cut border, radius, shadow, background and full font control

Why this component

Looks finished with zero images
Every sticker can be a link — great for link-in-bio or playful nav
Auto layouts place everything for you; one file, no WebGL

Need help?

hello@brandingupstudio.com — we usually reply within 72 hours. Custom edits from $75/hr. More components: https://brandingupstudio.com

Unlink is not provided so we can keep delivering updates — just click Update on the component.

55:T5ea,

What it does

A lamp pull-cord for your site. Visitors grab the rope, pull it down and let go: the switch flips, the knob lights up and the rope swings with real rope physics until it settles. A short tug only sways the rope. Tap, Enter or Space flips it too.

Out of the box it switches light and dark mode with Framer's native Color Styles. It can also set an attribute and class on the html element, or just fire an event.

Customizable properties

Knob: Bulb, Ball, Bar, Ring, Tassel or your own image
Rope: Rope, Chain or Cord, color, width and length
Feel: pull distance, stretch, gravity, damping
Controls: Framer Theme, HTML Attribute or Event Only
Start Off / On / System, Remember the choice, optional label and click sound

Why this component

Pull-and-release instead of click, with a rope that really swings
One small file, no physics library, fully idle at rest
Accessible switch with keyboard and reduced-motion support

Need help?

hello@brandingupstudio.com — we usually reply within 72 hours. Custom edits from $75/hr. More components: https://brandingupstudio.com

Unlink is not provided so we can keep delivering updates — just click Update on the component.

56:T769,

What it does

A pricing calculator for SaaS and app pricing pages. Visitors drag a slider (seats, users, credits — any unit you name) and the price rolls to the new amount instantly. Set tier breakpoints and the per-unit price drops as usage grows; the matching plan is highlighted automatically, with the per-unit rate and savings shown under the total.

Flip the monthly / yearly toggle for a "Save X%" badge and a "Billed … per year" line. Turn on "Custom at Max" and the top of the slider becomes "Custom" with a "Contact sales" button.

Customizable properties

Layout — Card or Compact
Slider — unit label, min, max, step, default
Tiers — plan name, breakpoint, per-unit or flat price, note, optional base price
Tier ladder, marks, per-unit price and savings line on/off
Custom at Max — label, CTA text and link
Billing toggle — yearly discount %, default period
Currency — symbol position, space, decimals, separators (e.g. "1.234,50 €")
Rolling numbers, CTA, every label, colors, radius, shadow, fonts

Why this component

Real tier breakpoints — the plan pill switches as visitors drag.
Enterprise-ready "Custom / Contact sales" at the max.
Number formatting for US, EU and other locales.
Accessible native slider, reduced-motion aware, no external libraries.

Need help?

Email hello@brandingupstudio.com — we usually reply within 72 hours. Custom edits are available from $75/hr.

Built with code but fully customizable via property controls. Unlink is not provided so we can keep delivering updates.

57:T684,

What it does

Scroll Roadmap turns a list of milestones into a timeline that draws itself as visitors scroll. The line fills in step with the page, cards pop in as it reaches them, and the line tells the story — solid up to the last shipped or in-progress milestone, dashed for everything still planned.

A compact summary ("3 of 7 shipped · 43%") and a clickable status legend sit on top, so visitors see progress at a glance or focus on Planned items.

Customizable properties

Milestones — date, title, description, status, optional emoji and image
Orientation — vertical or horizontal
Alignment — alternate or one side (auto one-side on phones)
Animation — On Scroll or On Enter
Node style — check dot, ring or number
Summary & Legend on/off, line width, node size, spacing
Card fill, border, radius, shadow · colors · status labels and colors · fonts

Why this component

Status-aware line: solid where you've delivered, dashed where you're heading.
Progress summary and status filter built in — no extra components.
No animation libraries, finished state on the canvas, respects reduced motion, pauses off-screen.

Need help?

Email hello@brandingupstudio.com — we usually reply within 72 hours. Custom edits are available from $75/hr.

Built with code but fully customizable via property controls. Unlink is not provided so we can keep delivering updates.

58:T674,

What it does

Drop your skills, services or tech stack as pill-shaped tags that fall with gravity, bounce and pile up. Visitors can grab and throw any tag, or sweep the cursor through the pile to scatter it. Give a tag a link and a tap opens it — dragging never does.

Customizable properties

Tags — label, optional link, Featured accent (up to 60)
Trigger — In View (optional Replay) or On Load
Drop Style — Rain, Pour or Burst
Physics — gravity, bounce, friction, stagger
Interaction — Drag & Throw, Cursor Push, link target
Keep Readable — tags settle within a Max Tilt (default 25°), never upside-down
Colors — fills, Featured color, auto or custom text color
Border, radius, padding, background and full font control

Why this component

Tags can be links: skills → case studies, services → service pages.
Cursor Push reacts to the pointer without grabbing.
Three drop styles, from a calm footer to a playful hero.
No physics library, one file — the loop stops once the pile rests.
Canvas, static export and reduce motion always show a settled pile.

Need help?

Email hello@brandingupstudio.com — we usually reply within 72 hours. Custom edits are available from $75/hr.

Built with code but fully customizable via property controls — no coding needed. Unlink is not provided so we can keep delivering updates.

59:T6f5,

■ What it does

Waterfall Chart shows how a starting number turns into a final number — one step at a time. Add your items, pick Increase or Decrease for each, and the floating bars, dotted connector lines and totals are drawn for you.

Perfect for pricing breakdowns, revenue-to-profit stories, budget reports, "where does the money go" sections, and investor or fintech landing pages.

■ Customizable properties

- Items — label, type (Start, Increase, Decrease, Subtotal, Total) and value for each step

- Direction — vertical or horizontal

- Value labels — outside or inside the bars, with optional +/− signs

- Number format — currency symbol, thousands separator, decimals, suffix, and auto k/M shortening

- Colors — increase, decrease, total and start, plus text, grid, connector and background

- Axis — auto "nice number" ticks, grid lines and a zero baseline

- Tooltip — item, value and running total on hover or focus

- Animation — bars grow in one after another (stagger speed adjustable)

- Bar width, corner radius, padding and fonts

■ Need help?

Reach out anytime at hello@brandingupstudio.com — we usually reply within 72 hours.

Custom edits are available from $75/hr.

■ More resources

Explore more components at BrandingUp → https://brandingupstudio.com

Built with code but fully customizable via property controls — no coding needed.

Unlink is not provided so we can keep delivering updates. When an update is available, just click the Update button on the component.

5a:T8bc,

■ What it does

Type what people see above the waterline, then add the hidden layers below it. Iceberg Diagram draws the whole iceberg for you: it splits itself to fit the number of layers, with a small peak on top and wider layers as you go deeper. The edges are naturally uneven, and every layer gets its own shade of your base color automatically.

Hover or tap any layer and it lights up, while a detail panel shows its name, items and a short explanation. Labels can sit inside the iceberg or on either side with dotted leader lines. Add gentle waves on the waterline if you like.

Great for brand icebergs, "iceberg of success" stories, culture models, customer-journey service blueprints, pricing and cost breakdowns, and any "visible vs hidden" explainer.

■ Customizable properties

- Above Items — what's visible above the water

- Levels — title, items (one per line) and a note for every layer below

- Labels — Inside, Side-left or Side-right

- Above Water — how much of the height sits above the waterline

- Roughness and Shape Seed — jagged or smooth edges, plus a new random shape with one click

- Gap — spacing between layers

- Base Color, Deep Color and Depth Shade — deeper layers darken automatically

- Water color, wave height and optional wave animation

- Interactive on/off, Detail Panel on/off, and Open Layer (pre-select a layer)

- Stack Below — on narrow screens the labels move into a tappable layer list

- Colors, radius, padding, spacing and fonts

■ Need help?

Reach out anytime at hello@brandingupstudio.com — we usually reply within 72 hours.

Custom edits are available from $75/hr.

■ More resources

Explore more components at BrandingUp → https://brandingupstudio.com

Built with code but fully customizable via property controls — no coding needed.

Unlink is not provided so we can keep delivering updates. When an update is available, just click the Update button on the component.

5b:T7c4,

■ What it does

Add your questions, answers and outcomes, tell each one which node it belongs to, and Decision Tree Flowchart lays out the whole diagram for you — diamonds for questions, cards for outcomes, elbow connectors and Yes/No labels on every branch. No manual positioning, no nested frames.

Switch on Walkthrough and your visitors click through the branches one answer at a time: the next step opens, the path they took lights up, and the result card is highlighted when they arrive. Perfect for "Which plan fits me?", "Do I need this service?", troubleshooting guides and onboarding flows.

■ Customizable properties

- Nodes — ID, Parent ID, Branch label, Text, Type (Question / Outcome / Note) and color for each node

- Walkthrough — click-through mode with a Start over button; click an earlier question to step back

- Hover Path — in the full view, hover or focus any node to highlight the route from the start

- Direction — Top-down or Left-right

- Questions — Diamond or Rounded

- Overflow — Fit, Shrink or Scroll, so big trees stay readable on mobile

- Layout — node width/height, sibling gap, level gap

- Style — card, text, line, highlight, question / outcome / note colors, radius, shadow

- Fonts — separate node and branch fonts

■ Need help?

Reach out anytime at hello@brandingupstudio.com — we usually reply within 72 hours.

Custom edits are available from $75/hr.

■ More resources

Explore more components at BrandingUp → https://brandingupstudio.com

Built with code but fully customizable via property controls — no coding needed.

Unlink is not provided so we can keep delivering updates. When an update is available, just click the Update button on the component.

5c:T78f,

■ What it does

Add your steps and Cycle Process Diagram arranges them around a circle, evenly spaced, with curved arrows showing the flow from one step to the next — and back to the start. Brand flywheels, customer loops, PDCA, product lifecycles, service cycles: if it goes around, this draws it.

Change the number of steps and every angle and arrow recalculates by itself. No manual positioning, no drawing arcs by hand.

Hover, click or use the arrow keys on any step to highlight it and read its description. Turn on Auto Cycle and the highlight walks around the loop on its own.

■ Customizable properties

- Steps — title, description, icon (12 built-in icons or numbers), color and optional image for each step (up to 12)

- Direction — Clockwise or Counter-clockwise

- Start Angle — rotate where Step 1 sits on the circle

- Details — show the description in the Center, in a Side panel, or as a Tooltip

- Auto Cycle — highlight steps one by one, with your own interval; pauses on hover

- Node Shape — Circle, Pill or Card

- Layout — node size, radius, ring width, arrow gap, ring and arrows on/off

- Style — accent, text, ring, arrow and node colors

- Fonts — separate title, label and body fonts

■ Need help?

Reach out anytime at hello@brandingupstudio.com — we usually reply within 72 hours.

Custom edits are available from $75/hr.

■ More resources

Explore more components at BrandingUp → https://brandingupstudio.com

Built with code but fully customizable via property controls — no coding needed.

Unlink is not provided so we can keep delivering updates. When an update is available, just click the Update button on the component.

5d:T74c,

■ What it does

Stop pasting your Business Model Canvas as a screenshot. This component draws the classic 9-block canvas in the correct proportions, fully editable from the properties panel: titles, bullet lists, icons and colors.

Switch Mode to Lean Canvas and the layout swaps Key Partners, Key Activities, Key Resources and Customer Relationships for Problem, Solution, Key Metrics and Unfair Advantage. Same grid, same style.

Great for startup pitches, consulting case studies, brand strategy pages and course landing pages.

■ Customizable properties

- Mode — Business Model or Lean Canvas

- Blocks — title, list of items and optional custom icon for every block

- Initial Focus — open with one block expanded

- Click to Focus / Hover Highlight — expand a block on click, dim the rest on hover

- Bullets — dot, dash, number, check or none

- Icons — built-in icon set, or upload your own per block

- Colors — three section colors (infrastructure, value, customer), block tint, background, text, border

- Stack Below — width where the canvas becomes a single column

- Gap, radius, padding

- Fonts — separate title and item fonts

■ Need help?

Reach out anytime at hello@brandingupstudio.com — we usually reply within 72 hours.

Custom edits are available from $75/hr.

■ More resources

Explore more components at BrandingUp → https://brandingupstudio.com

Built with code but fully customizable via property controls — no coding needed.

Unlink is not provided so we can keep delivering updates. When an update is available, just click the Update button on the component.

5e:T6bb,

■ What it does

Add your journey stages, fill in what the customer does, where they interact, and how they feel — Customer Journey Map builds the whole grid for you. Columns are stages, rows are actions, touchpoints, emotion, pain points and opportunities. Give each stage a score from -2 to +2 and a smooth emotion curve draws itself across the map.

Perfect for UX and branding case studies, service design presentations, agency proposals and "how we work" pages.

■ Customizable properties

- Stages — name, icon, color, actions, touchpoints, emotion score, pain points and opportunities for each stage

- Row toggles — show or hide Actions, Touchpoints, Emotion, Pain points and Opportunities

- Density — Comfortable or Compact

- Hover Column — highlight the stage under the cursor

- Stage Icons and Mood Labels — switch on or off

- Row Labels — rename every row

- Colors — positive and negative curve colors, background, label column, text, border

- Radius and fonts — separate body and header fonts

■ Need help?

Reach out anytime at hello@brandingupstudio.com — we usually reply within 72 hours.

Custom edits are available from $75/hr.

■ More resources

Explore more components at BrandingUp → https://brandingupstudio.com

Built with code but fully customizable via property controls — no coding needed.

Unlink is not provided so we can keep delivering updates. When an update is available, just click the Update button on the component.

5f:T84e,

■ What it does

Drop in a ready-made SWOT analysis — Strengths, Weaknesses, Opportunities and Threats — and type your own points into each box. Numbering, colors, axis labels and spacing are handled for you.

Hover a box and the others fade back. Click one and it expands to fill the space while the rest fold down to their titles. And with one switch, the same matrix turns into a TOWS strategy table (SO, WO, ST, WT) so you can go from analysis to action on a single page.

Perfect for brand strategy pages, consulting and agency sites, case studies, startup pitch pages and portfolio write-ups.

■ Customizable properties

- Type — SWOT or TOWS, plus an optional switch your visitors can use

- Layout — Grid 2x2, Cross (center axis lines) or Stacked; switches to one column automatically on narrow screens

- Boxes — title, list of points and an optional custom icon for each of the four quadrants

- TOWS Strategies — title and points for SO, WO, ST and WT

- Axis labels — Internal / External and Helpful / Harmful (all editable, or hide them)

- Interaction — Hover Focus and Click Expand, each on/off

- List style — 01 02, 1. 2., bullets, dashes or none; icon style Symbol, Letter or None

- Colors — one color per quadrant, a soft tint is generated for each background automatically

- Style — background, text colors, gap, corner radius, padding

- Fonts — title, item and label fonts

■ Need help?

Reach out anytime at hello@brandingupstudio.com — we usually reply within 72 hours.

Custom edits are available from $75/hr.

■ More resources

Explore more components at BrandingUp → https://brandingupstudio.com

Built with code but fully customizable via property controls — no coding needed.

Unlink is not provided so we can keep delivering updates. When an update is available, just click the Update button on the component.

60:T7f6,

■ What it does

Add your ideas, type which one each belongs to, and Mind Map builds the whole diagram for you — branches, curved connectors and spacing are laid out automatically. No manual positioning, no nested frames.

Perfect for brand keyword maps, service structures, site maps, course outlines and idea brainstorms.

■ Customizable properties

- Nodes — text, parent, color and an optional note for each idea

- Layout — Radial, Left-Right (balanced) or Right-only

- Shape & Node Style — Pill or Rounded, Solid or Outline

- Node Size, Level Gap, Sibling Gap, Max Width — fine-tune the spacing

- Expanded Levels & Collapsible — click a branch to fold or unfold it (+N shows what's hidden)

- Hover Focus — hover any idea to light up its whole branch

- Show Notes — notes appear as a tooltip on hover

- Fit — Shrink, Fit or Scroll, so big maps never break on mobile

- Branch Colors, Style and two Fonts — match your brand

■ Why this component

- Built from a flat list: just type the parent's name — the map updates itself.

- Child branches inherit their parent's color, so even big maps stay easy to read.

- Fold what you don't need and let Hover Focus guide the eye through a branch.

- Keyboard and screen-reader friendly, with reduced-motion support.

■ Need help?

Reach out anytime at hello@brandingupstudio.com — we usually reply within 72 hours.

Custom edits are available from $75/hr.

■ More resources

Explore more components at BrandingUp → https://brandingupstudio.com

Built with code but fully customizable via property controls — no coding needed.

Unlink is not provided so we can keep delivering updates. When an update is available, just click the Update button on the component.

61:T749,

■ What it does

Sankey Flow Diagram shows where things come from and where they go — traffic sources to landing pages to sign-ups, budget to channels to results, customers through a journey. You only list the flows (From, To, Value). The component finds the nodes, sorts them into columns, sizes every ribbon by its value and draws smooth curved bands. No manual positioning, no nested frames.

Hover any node or ribbon and the whole path it belongs to lights up while everything else fades back.

■ Customizable properties

- Links — From, To and Value for each flow (same name = same node)

- Direction — Horizontal, or Vertical for mobile layouts

- Labels — Name, Name + Value, Name + %, Name + Value + %, or None

- Link Color — Gradient (from node color to node color), From Node, To Node or Neutral

- Hover — Full Path, Direct Only or Off, plus Dim Opacity

- Align Ends — pull end nodes into the last column

- Tooltip — flow value and share on hover

- Prefix / Suffix — "$", "€", " visits" and more

- Node Width, Node Gap, Node Radius, Link Opacity, Padding

- Palette and per-node color overrides

- Label and Background colors, Font, Alt Text for screen readers

■ Need help?

Reach out anytime at hello@brandingupstudio.com — we usually reply within 72 hours.

Custom edits are available from $75/hr.

Explore more components at BrandingUp → https://brandingupstudio.com

Built with code but fully customizable via property controls — no coding needed.

Unlink is not provided so we can keep delivering updates. When an update is available, just click the Update button on the component.

62:T913,

■ What it does

Add your tasks with a start and end date and Gantt Chart Timeline draws the whole schedule for you — time scale, bars, milestones and a "today" line are calculated automatically. No manual positioning, no screenshots, no nested frames.

Perfect for project pages, process sections, roadmaps and case studies on agency, studio and startup sites.

■ Customizable properties

- Tasks — name, group, start date, end date, progress %, milestone toggle and color for each task

- Time Scale — Auto, Day, Week or Month

- Today Line — on/off, or pin any date

- Collapsible groups — click a group to fold or unfold it (Start Folded option)

- Progress % labels and hover tooltips (dates, duration, progress)

- Layout — name column width, row height, bar height, bar radius, minimum chart width, corner radius

- Colors — background, header, text, grid, today line, border

- Fonts — separate name and scale fonts

■ Why this component

- Dates in, schedule out: change a date and the bars and scale update themselves.

- Folding groups and progress fills make a long plan readable at a glance.

- Names stay pinned while the chart scrolls sideways, so it works on small screens too.

■ Where it fits

- Agency and studio sites: show clients how a project runs, phase by phase
- SaaS and product sites: a public roadmap with progress on each item
- Case studies: the real timeline of a launch, with milestones marked
- Events, courses and renovations: a schedule visitors can scan at a glance

■ Need help?

Reach out anytime at hello@brandingupstudio.com — we usually reply within 72 hours.

Custom edits are available from $75/hr.

■ More resources

Explore more components at BrandingUp → https://brandingupstudio.com

Built with code but fully customizable via property controls — no coding needed.

Unlink is not provided so we can keep delivering updates. When an update is available, just click the Update button on the component.

63:T8d5,

■ What it does

Show your average score, a rating breakdown and your reviews as a smooth carousel or a masonry wall — all in one component. Click any rating bar and the carousel instantly filters to those reviews.

Turn on "Google Stars" and the same reviews are output as review structured data (JSON-LD), so search engines can read your rating — no custom code to paste.

■ Customizable properties

- Reviews — quote, name, role, photo, rating (half stars), verified badge, date

- Layout — Carousel or Wall (masonry, responsive columns, "Show more" button)

- Summary — Left, Top or Hidden · Auto (calculated from your reviews) or Manual (your real totals and percentages)

- Carousel — cards per view, min card width (auto-responsive), gap, autoplay, interval, pause on hover, arrows & dots

- SEO Schema — Product or App/Software, item name, optional price and currency

- Style — card, text, stars, bars, border colors, radius, shadow

- Fonts — score, quote and name fonts

■ Why this component

- Summary and carousel in one: the rating breakdown and the reviews stay connected — click a bar to filter.

- Built-in review schema: no copy-pasting JSON-LD into page settings.

- Safe by default: sample reviews are never sent to search engines.

- Swipe, drag, keyboard arrows and autoplay — responsive down to one card on mobile.

■ Need help?

Reach out anytime at hello@brandingupstudio.com — we usually reply within 72 hours.

Custom edits are available from $75/hr.

■ More resources

Explore more components at BrandingUp → https://brandingupstudio.com

Built with code but fully customizable via property controls — no coding needed.

Unlink is not provided so we can keep delivering updates. When an update is available, just click the Update button on the component.

Note: Google decides whether to show stars. Use genuine reviews of a product or app; Google does not show stars for self-reviews of your own business.

4e:["$","$L4f",null,{"value":{"fallback":{"$inf$activity-creator-cc7993de-4f5d-4209-b3f0-695614bf8a8b-all:/unified/creator/cc7993de-4f5d-4209-b3f0-695614bf8a8b/activity/":[{"data":[{"id":"01a15804-c041-73c6-9b04-c7fbe3c2db86","type":"template.created","target":{"type":"template","id":"76395","preview":"Vellund Play","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cc7993de-4f5d-4209-b3f0-695614bf8a8b/01a15804-31b0-730f-8dc6-703b68b78d8e.jpg","targetDeleted":false,"owned":false,"feedItemType":null,"actions":null},"context":null,"actors":[{"id":"cc7993de-4f5d-4209-b3f0-695614bf8a8b","name":"BrandingUp","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cc7993de-4f5d-4209-b3f0-695614bf8a8b/55t3m3ms","slug":"-ds491f","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-10-20T06:34:28.801Z","latestAt":"2026-10-20T06:34:28.801Z"},{"id":"01a156ec-e206-71bc-940f-dd322ed3cc02","type":"component.created","target":{"type":"component","id":"0XdqTfVTrYriNYkHK7gf","preview":"22 Plinko Links","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cc7993de-4f5d-4209-b3f0-695614bf8a8b/01a156c0-e63b-7348-9a08-3f7d4ad10dac.png","targetDeleted":false,"owned":false,"feedItemType":null,"actions":null},"context":null,"actors":[{"id":"cc7993de-4f5d-4209-b3f0-695614bf8a8b","name":"BrandingUp","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cc7993de-4f5d-4209-b3f0-695614bf8a8b/55t3m3ms","slug":"-ds491f","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-10-20T01:28:47.366Z","latestAt":"2026-10-20T01:28:47.366Z"},{"id":"01a151c7-4c68-7635-ad13-425e84777af3","type":"template.created","target":{"type":"template","id":"76285","preview":"Tessamo","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cc7993de-4f5d-4209-b3f0-695614bf8a8b/01a151c6-a30f-7570-b272-870fc6d7cf98.jpg","targetDeleted":false,"owned":false,"feedItemType":null,"actions":null},"context":null,"actors":[{"id":"cc7993de-4f5d-4209-b3f0-695614bf8a8b","name":"BrandingUp","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cc7993de-4f5d-4209-b3f0-695614bf8a8b/55t3m3ms","slug":"-ds491f","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-10-19T01:29:38.152Z","latestAt":"2026-10-19T01:29:38.152Z"},{"id":"01a151c0-777a-7145-8d78-646eab0f3992","type":"component.created","target":{"type":"component","id":"DkSenNGMmO3jvxa7clTk","preview":"21 Magnetic Dock","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cc7993de-4f5d-4209-b3f0-695614bf8a8b/01a14ef6-bec9-73d9-aa85-aecb9cccf25e.png","targetDeleted":false,"owned":false,"feedItemType":null,"actions":null},"context":null,"actors":[{"id":"cc7993de-4f5d-4209-b3f0-695614bf8a8b","name":"BrandingUp","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cc7993de-4f5d-4209-b3f0-695614bf8a8b/55t3m3ms","slug":"-ds491f","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-10-19T01:22:10.426Z","latestAt":"2026-10-19T01:22:10.426Z"},{"id":"01a14c2d-450a-70cb-a7ee-3240d63fc83a","type":"component.created","target":{"type":"component","id":"WxZBPSoT9rBTnIR92LkD","preview":"20 Sticker Board","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cc7993de-4f5d-4209-b3f0-695614bf8a8b/01a14c2d-0591-71fc-9e05-0ed8d0d05827.png","targetDeleted":false,"owned":false,"feedItemType":null,"actions":null},"context":null,"actors":[{"id":"cc7993de-4f5d-4209-b3f0-695614bf8a8b","name":"BrandingUp","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cc7993de-4f5d-4209-b3f0-695614bf8a8b/55t3m3ms","slug":"-ds491f","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-10-17T23:23:17.642Z","latestAt":"2026-10-17T23:23:17.642Z"},{"id":"01a141ab-be7f-768c-a04e-aaeda779d22c","type":"component.created","target":{"type":"component","id":"9okIhCxA7vtXJbPfhn4a","preview":"19 Rope Toggle","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cc7993de-4f5d-4209-b3f0-695614bf8a8b/01a141a9-846e-7377-b2e7-feba148610e5.jpg","targetDeleted":false,"owned":false,"feedItemType":null,"actions":null},"context":null,"actors":[{"id":"cc7993de-4f5d-4209-b3f0-695614bf8a8b","name":"BrandingUp","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cc7993de-4f5d-4209-b3f0-695614bf8a8b/55t3m3ms","slug":"-ds491f","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-10-15T22:25:36.895Z","latestAt":"2026-10-15T22:25:36.895Z"},{"id":"01a1360d-7dd7-7549-831d-7d683dd8c552","type":"component.created","target":{"type":"component","id":"mwBm6cerW0wMaUh9EnNp","preview":"18 Price Calculator","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cc7993de-4f5d-4209-b3f0-695614bf8a8b/01a1360d-43b7-74da-b67a-32327a1e9c35.jpg","targetDeleted":false,"owned":false,"feedItemType":null,"actions":null},"context":null,"actors":[{"id":"cc7993de-4f5d-4209-b3f0-695614bf8a8b","name":"BrandingUp","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cc7993de-4f5d-4209-b3f0-695614bf8a8b/55t3m3ms","slug":"-ds491f","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-10-13T16:16:56.279Z","latestAt":"2026-10-13T16:16:56.279Z"},{"id":"01a1360c-3dac-702e-83ef-93eb1769419a","type":"component.created","target":{"type":"component","id":"WJItvh13s45VmfwkYain","preview":"17 Scroll Roadmap","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cc7993de-4f5d-4209-b3f0-695614bf8a8b/01a1360b-fc86-712f-b4e9-8b27532a2f87.jpg","targetDeleted":false,"owned":false,"feedItemType":null,"actions":null},"context":null,"actors":[{"id":"cc7993de-4f5d-4209-b3f0-695614bf8a8b","name":"BrandingUp","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cc7993de-4f5d-4209-b3f0-695614bf8a8b/55t3m3ms","slug":"-ds491f","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-10-13T16:15:34.316Z","latestAt":"2026-10-13T16:15:34.316Z"},{"id":"01a13603-fc49-76c8-b6e4-0402acafcd0c","type":"component.created","target":{"type":"component","id":"0zY3Tg23OISeFWb8NpWK","preview":"16 Physics Tag Pile","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cc7993de-4f5d-4209-b3f0-695614bf8a8b/01a13603-9095-74cd-a920-34392b4fb9df.jpg","targetDeleted":false,"owned":false,"feedItemType":null,"actions":null},"context":null,"actors":[{"id":"cc7993de-4f5d-4209-b3f0-695614bf8a8b","name":"BrandingUp","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cc7993de-4f5d-4209-b3f0-695614bf8a8b/55t3m3ms","slug":"-ds491f","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-10-13T16:06:33.289Z","latestAt":"2026-10-13T16:06:33.289Z"},{"id":"01a1201f-07fb-72bb-aa5a-08e407f1aae4","type":"component.created","target":{"type":"component","id":"JwY30OFqVUDs6rsYp4FH","preview":"15 Waterfall Chart","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cc7993de-4f5d-4209-b3f0-695614bf8a8b/01a11fe4-a3b5-7020-a3c2-d54dd2a463f3.jpg","targetDeleted":false,"owned":false,"feedItemType":null,"actions":null},"context":null,"actors":[{"id":"cc7993de-4f5d-4209-b3f0-695614bf8a8b","name":"BrandingUp","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cc7993de-4f5d-4209-b3f0-695614bf8a8b/55t3m3ms","slug":"-ds491f","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-10-09T10:04:27.003Z","latestAt":"2026-10-09T10:04:27.003Z"},{"id":"01a11fda-a476-776f-834e-fae6fa173e92","type":"component.created","target":{"type":"component","id":"o8wOYiPUavd2cHyhq99i","preview":"14 Iceberg Diagram","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cc7993de-4f5d-4209-b3f0-695614bf8a8b/01a11fda-58c0-76a9-baa9-d461028d18f9.jpg","targetDeleted":false,"owned":false,"feedItemType":null,"actions":null},"context":null,"actors":[{"id":"cc7993de-4f5d-4209-b3f0-695614bf8a8b","name":"BrandingUp","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cc7993de-4f5d-4209-b3f0-695614bf8a8b/55t3m3ms","slug":"-ds491f","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-10-09T08:49:45.077Z","latestAt":"2026-10-09T08:49:45.077Z"},{"id":"01a11fd9-ce56-77bc-8379-3c32dfac45b0","type":"component.created","target":{"type":"component","id":"AQ471SXVwLRKTPpz5xtL","preview":"13 Decision Tree","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cc7993de-4f5d-4209-b3f0-695614bf8a8b/01a11fd9-83b8-72ce-adc5-553e990b16b5.jpg","targetDeleted":false,"owned":false,"feedItemType":null,"actions":null},"context":null,"actors":[{"id":"cc7993de-4f5d-4209-b3f0-695614bf8a8b","name":"BrandingUp","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cc7993de-4f5d-4209-b3f0-695614bf8a8b/55t3m3ms","slug":"-ds491f","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-10-09T08:48:50.262Z","latestAt":"2026-10-09T08:48:50.262Z"},{"id":"01a11fd8-4b6b-742c-baa6-840861fa1808","type":"component.created","target":{"type":"component","id":"86s4pJLUwNcEJkIOSD9l","preview":"12 Cycle Diagram","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cc7993de-4f5d-4209-b3f0-695614bf8a8b/01a11fd4-94f1-71a1-a39a-553f71a24424.jpg","targetDeleted":false,"owned":false,"feedItemType":null,"actions":null},"context":null,"actors":[{"id":"cc7993de-4f5d-4209-b3f0-695614bf8a8b","name":"BrandingUp","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cc7993de-4f5d-4209-b3f0-695614bf8a8b/55t3m3ms","slug":"-ds491f","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-10-09T08:47:11.211Z","latestAt":"2026-10-09T08:47:11.211Z"},{"id":"01a11fd3-f798-753b-822e-9fbe5bcfc1e4","type":"component.created","target":{"type":"component","id":"MHmCz2GqWzDq7XLQngks","preview":"11 Business Canvas","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cc7993de-4f5d-4209-b3f0-695614bf8a8b/01a11fd0-1881-742e-bd88-07ffe56b64db.jpg","targetDeleted":false,"owned":false,"feedItemType":null,"actions":null},"context":null,"actors":[{"id":"cc7993de-4f5d-4209-b3f0-695614bf8a8b","name":"BrandingUp","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cc7993de-4f5d-4209-b3f0-695614bf8a8b/55t3m3ms","slug":"-ds491f","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-10-09T08:42:27.608Z","latestAt":"2026-10-09T08:42:27.608Z"},{"id":"01a11fcf-7b2b-73de-9bbf-109d4a2ca27d","type":"component.created","target":{"type":"component","id":"HGIrOVBSvuh9FD0RnzwW","preview":"10 Journey Map","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cc7993de-4f5d-4209-b3f0-695614bf8a8b/01a11fcf-303b-767a-904d-2f34b207daa2.jpg","targetDeleted":false,"owned":false,"feedItemType":null,"actions":null},"context":null,"actors":[{"id":"cc7993de-4f5d-4209-b3f0-695614bf8a8b","name":"BrandingUp","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cc7993de-4f5d-4209-b3f0-695614bf8a8b/55t3m3ms","slug":"-ds491f","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-10-09T08:37:33.611Z","latestAt":"2026-10-09T08:37:33.611Z"},{"id":"01a11fce-95e3-74ec-b3a4-9e4aed582d6e","type":"component.created","target":{"type":"component","id":"rQFJu5PRZCtXh7z24AVH","preview":"09 SWOT Matrix","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cc7993de-4f5d-4209-b3f0-695614bf8a8b/01a11fce-4a46-76d2-a531-2c4fa495c69c.jpg","targetDeleted":false,"owned":false,"feedItemType":null,"actions":null},"context":null,"actors":[{"id":"cc7993de-4f5d-4209-b3f0-695614bf8a8b","name":"BrandingUp","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cc7993de-4f5d-4209-b3f0-695614bf8a8b/55t3m3ms","slug":"-ds491f","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-10-09T08:36:34.915Z","latestAt":"2026-10-09T08:36:34.915Z"},{"id":"01a11fcd-9a74-76e9-b1c9-e64839dff5c6","type":"component.created","target":{"type":"component","id":"OG2oylbSVRrUpJMg3PpK","preview":"08 Mind Map","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cc7993de-4f5d-4209-b3f0-695614bf8a8b/01a11fcd-36a7-74ce-9774-a212c97bb8e2.jpg","targetDeleted":false,"owned":false,"feedItemType":null,"actions":null},"context":null,"actors":[{"id":"cc7993de-4f5d-4209-b3f0-695614bf8a8b","name":"BrandingUp","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cc7993de-4f5d-4209-b3f0-695614bf8a8b/55t3m3ms","slug":"-ds491f","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-10-09T08:35:30.548Z","latestAt":"2026-10-09T08:35:30.548Z"},{"id":"01a11fcc-911a-74f8-add1-3dc0cc8401cd","type":"component.created","target":{"type":"component","id":"rDyRPvKnMMFkSN7gJ2G9","preview":"07 Sankey Diagram","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cc7993de-4f5d-4209-b3f0-695614bf8a8b/01a11fca-e1b5-7692-9b46-7041f60d230c.jpg","targetDeleted":false,"owned":false,"feedItemType":null,"actions":null},"context":null,"actors":[{"id":"cc7993de-4f5d-4209-b3f0-695614bf8a8b","name":"BrandingUp","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cc7993de-4f5d-4209-b3f0-695614bf8a8b/55t3m3ms","slug":"-ds491f","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-10-09T08:34:22.618Z","latestAt":"2026-10-09T08:34:22.618Z"},{"id":"01a11fca-3cff-7472-826d-8097f6f3a933","type":"component.created","target":{"type":"component","id":"yPcYgr2qkcrtSNzlulRV","preview":"06 Gantt Chart","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cc7993de-4f5d-4209-b3f0-695614bf8a8b/01a11fc9-ec9f-7685-a881-cb98166daba5.jpg","targetDeleted":false,"owned":false,"feedItemType":null,"actions":null},"context":null,"actors":[{"id":"cc7993de-4f5d-4209-b3f0-695614bf8a8b","name":"BrandingUp","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cc7993de-4f5d-4209-b3f0-695614bf8a8b/55t3m3ms","slug":"-ds491f","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-10-09T08:31:50.015Z","latestAt":"2026-10-09T08:31:50.015Z"},{"id":"01a11fc3-61ba-775d-b6f7-4647a46e40af","type":"component.created","target":{"type":"component","id":"HJZvtooVPqrSmxXSaWws","preview":"02 Reviews Pro","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cc7993de-4f5d-4209-b3f0-695614bf8a8b/01a11fc2-6feb-756d-809a-d7e84601ab13.jpg","targetDeleted":false,"owned":false,"feedItemType":null,"actions":null},"context":null,"actors":[{"id":"cc7993de-4f5d-4209-b3f0-695614bf8a8b","name":"BrandingUp","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cc7993de-4f5d-4209-b3f0-695614bf8a8b/55t3m3ms","slug":"-ds491f","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-10-09T08:24:20.666Z","latestAt":"2026-10-09T08:24:20.666Z"}],"pagination":{"next":"MjAyNi0xMC0wOVQwODoyNDoyMC42NjZafDAxYTExZmMzLTYxYmEtNzc1ZC1iNmY3LTQ2NDdhNDZlNDBhZg","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:cc7993de-4f5d-4209-b3f0-695614bf8a8b:/unified/posts/?creator=cc7993de-4f5d-4209-b3f0-695614bf8a8b&with=reposts":[{"data":[{"id":"01a15804-bdd8-7374-8ec8-e38bbb5094c6","title":null,"body":"

New: Vellund Play, a dark portfolio template you can play with. Pull the rope to flip light/dark, plus a Playground page with five physics components (tag pile, sticker board, Plinko links, magnetic dock).

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"New: Vellund Play, a dark portfolio template you can play with. Pull the rope to flip light/dark, plus a Playground page with five physics components (tag pile, sticker board, Plinko links, magnetic dock)."}]}]},"author":{"framerUserId":"cc7993de-4f5d-4209-b3f0-695614bf8a8b","name":"BrandingUp","slug":"-ds491f","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cc7993de-4f5d-4209-b3f0-695614bf8a8b/55t3m3ms","followed":false,"followsYou":false},"media":[],"resources":[{"id":"76395","resolved":true,"title":"Vellund Play","body":"$50","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Vellund Play is a Framer template for motion designers, brand designers and small studios whose work is better touched than scrolled."}]},{"type":"paragraph","content":[{"type":"text","text":"It opens dark. A pull-cord with real rope physics hangs from the navigation: pull it and every colour style flips to a light \"paper\" theme, and the choice is remembered. Each colour has a Light and a Dark value, so your own palette is two columns away."}]},{"type":"paragraph","content":[{"type":"text","text":"Look: \"night contact sheet\". Instrument Serif headlines with italic second lines, mono frame numbers, crop marks on every frame, and one red grease-pencil ring on the shot you picked. It looks finished before you add a single photo."}]},{"type":"paragraph","content":[{"type":"text","text":"The Playground page is the point: a Physics Tag Pile for your skills, the Rope Toggle, a peelable Sticker Board, Plinko Links where the bins are your navigation, and a Magnetic Dock. All five pause when off-screen or settled and respect reduced motion."}]},{"type":"paragraph","content":[{"type":"text","text":"What's included","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"• 8 pages: Home, Work (CMS), Project (CMS), Playground, About, Contact, Legal (CMS) and a custom 404"}]},{"type":"paragraph","content":[{"type":"text","text":"• 2 CMS collections: Projects (24 fields) and Legal Pages"}]},{"type":"paragraph","content":[{"type":"text","text":"• 20 colour styles with Light + Dark values, 19 text styles, 4 link styles"}]},{"type":"paragraph","content":[{"type":"text","text":"• Layout Template for navigation and footer"}]},{"type":"paragraph","content":[{"type":"text","text":"• Native contact form with budget select and topic checkboxes"}]},{"type":"paragraph","content":[{"type":"text","text":"• Desktop, tablet and phone breakpoints built with stacks and grids"}]},{"type":"paragraph","content":[{"type":"text","text":"• 5 BrandingUp physics components pre-installed (3 free, 2 paid, included)"}]},{"type":"paragraph","content":[{"type":"text","text":"• Setup guide (PDF) with a motion-off chapter + 10 prompts for the Framer AI agent"}]},{"type":"paragraph","content":[{"type":"text","text":"• Lifetime updates and email support"}]},{"type":"paragraph","content":[{"type":"text","text":"Good for","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Motion designers, brand designers, creative developers and small studios."}]},{"type":"paragraph","content":[{"type":"text","text":"All clients and figures in the demo are fictional. Fonts: Instrument Serif, Inter, JetBrains Mono (Google Fonts)."}]},{"type":"paragraph","content":[{"type":"text","text":"Support: hello@brandingupstudio.com"}]}]},"introduction":"Dark portfolio you can play with","slug":"vellund-play","author":{"framerUserId":"cc7993de-4f5d-4209-b3f0-695614bf8a8b","name":"BrandingUp","slug":"-ds491f","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cc7993de-4f5d-4209-b3f0-695614bf8a8b/55t3m3ms","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cc7993de-4f5d-4209-b3f0-695614bf8a8b/01a15804-31b0-730f-8dc6-703b68b78d8e.jpg","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cc7993de-4f5d-4209-b3f0-695614bf8a8b/01a15804-31e3-742f-9e21-4ab7db8d3dda.jpg","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cc7993de-4f5d-4209-b3f0-695614bf8a8b/01a15804-31dc-73c8-9570-3991e53e7f68.jpg","metadata":{"tint":{"h":240,"s":25,"l":13},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cc7993de-4f5d-4209-b3f0-695614bf8a8b/01a15804-3261-7759-a8ad-ed65d29777ce.jpg","metadata":{"tint":{"h":240,"s":25,"l":13},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cc7993de-4f5d-4209-b3f0-695614bf8a8b/01a15804-31c3-75ff-9014-3278ff39ac2a.jpg","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-10-20T06:34:27.495Z","updatedAt":"2026-10-20T06:34:27.495Z","publishedAt":"2026-10-20T06:34:27.493Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":"99","paymentUrl":"https://brandingup.lemonsqueezy.com/checkout/buy/d1edd662-0644-4414-9074-bc482d2a5485","remixUrl":null,"previewUrl":"https://significant-set-059859.framer.app/","categories":[],"styles":[{"id":261,"name":"Typographic","slug":"typographic"},{"id":111,"name":"Minimal","slug":"minimal"},{"id":208,"name":"Dark","slug":"dark"}],"mainCategory":{"id":19,"name":"Portfolio","slug":"portfolio"},"features":[],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-20T06:34:28.184Z","updatedAt":"2026-10-20T06:34:28.184Z","type":"post"},{"id":"01a156ec-df8e-7559-ab6b-830d5c511439","title":null,"body":"

New, free: 22 Plinko Links — tap to drop a ball through a peg board; it lands in a labeled bin that can be a link. Peg flash, bin glow, confetti, grab & throw.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"New, free: 22 Plinko Links — tap to drop a ball through a peg board; it lands in a labeled bin that can be a link. Peg flash, bin glow, confetti, grab & throw."}]}]},"author":{"framerUserId":"cc7993de-4f5d-4209-b3f0-695614bf8a8b","name":"BrandingUp","slug":"-ds491f","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cc7993de-4f5d-4209-b3f0-695614bf8a8b/55t3m3ms","followed":false,"followsYou":false},"media":[],"resources":[{"id":"0XdqTfVTrYriNYkHK7gf","resolved":true,"title":"22 Plinko Links","body":"$51","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"What it does","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"A Plinko board for your site. Visitors tap anywhere to drop a ball; it rattles down the pegs and lands in one of your labeled bins. Pegs flash when hit, the bin glows, confetti pops, and an optional counter keeps score. Each bin can be a link — let the ball pick a service page, or keep it as a hero toy."}]},{"type":"paragraph","content":[{"type":"text","text":"Balls can be grabbed and thrown. Starter balls drop when the board scrolls into view, and Auto Drop keeps it alive while visible. No physics library, one file, and the loop stops once everything has settled."}]},{"type":"paragraph","content":[{"type":"text","text":"Customizable properties","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"• Bins — label, optional link and color (up to 12)"}]},{"type":"paragraph","content":[{"type":"text","text":"• Peg Rows, Peg style (Dot / Ring / Diamond), size, color, hit color"}]},{"type":"paragraph","content":[{"type":"text","text":"• Ball — size, color list or your own image"}]},{"type":"paragraph","content":[{"type":"text","text":"• Start Balls, Max Balls (oldest is reused), Auto Drop + interval"}]},{"type":"paragraph","content":[{"type":"text","text":"• Grab & Throw, On Land: Highlight or Open Link, same/new tab"}]},{"type":"paragraph","content":[{"type":"text","text":"• Confetti, Count badge, synthesized Sound, Hint"}]},{"type":"paragraph","content":[{"type":"text","text":"• Gravity, Bounce, Bin Depth, Lines / Bin / Bin Lit colors, Text, Background, Font"}]},{"type":"paragraph","content":[{"type":"text","text":"Why this component","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"• A Plinko board visitors actually play with."}]},{"type":"paragraph","content":[{"type":"text","text":"• Bins are real links: a tap-dropped ball can open the page it lands in; starter and auto balls never navigate."}]},{"type":"paragraph","content":[{"type":"text","text":"• Everything reacts: peg flash, bin glow, confetti, counter, optional tick/ding."}]},{"type":"paragraph","content":[{"type":"text","text":"• Canvas, static export and reduce-motion show settled balls, never an empty frame. Pauses off-screen."}]},{"type":"paragraph","content":[{"type":"text","text":"Need help?","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"hello@brandingupstudio.com — we usually reply within 72 hours. Custom edits from $75/hr. More components: "},{"type":"text","text":"https://brandingupstudio.com","marks":[{"type":"link","attrs":{"href":"https://brandingupstudio.com","target":"_blank","rel":"noopener noreferrer nofollow"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Customizable via property controls — no coding needed. Unlink is not provided so we can keep shipping updates; click Update when one appears."}]},{"type":"paragraph","content":[{"type":"text","text":"Setup tip: Width Fill, fixed height 480–640 px. Balls shrink when bins get narrow."}]}]},"introduction":"Drop a ball, land on a link","slug":"22-plinko-links","author":{"framerUserId":"cc7993de-4f5d-4209-b3f0-695614bf8a8b","name":"BrandingUp","slug":"-ds491f","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cc7993de-4f5d-4209-b3f0-695614bf8a8b/55t3m3ms","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cc7993de-4f5d-4209-b3f0-695614bf8a8b/01a156c0-e63b-7348-9a08-3f7d4ad10dac.png","metadata":{"tint":{"h":240,"s":50,"l":6},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-10-20T01:28:46.062Z","updatedAt":"2026-10-20T01:28:46.062Z","publishedAt":"2026-10-20T01:28:46.060Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/PlinkoLinks-eVZ1Zm.js@znIZwnpvZMSXUcvbQNxh","previewUrl":"https://small-convention-270138.framer.app/plinko-links","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"znIZwnpvZMSXUcvbQNxh","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":5,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-20T01:28:46.735Z","updatedAt":"2026-10-20T01:28:46.735Z","type":"post"},{"id":"01a151c7-4a08-715a-9324-bf316a2c1dd3","title":null,"body":"

New template: Tessamo — a 10-page agency site where every case study ends with live charts (positioning map + brand pyramid from the CMS). Paper-cut poster look, 3 CMS collections, contact form, agent-ready prompts. $79.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"New template: Tessamo — a 10-page agency site where every case study ends with live charts (positioning map + brand pyramid from the CMS). Paper-cut poster look, 3 CMS collections, contact form, agent-ready prompts. $79."}]}]},"author":{"framerUserId":"cc7993de-4f5d-4209-b3f0-695614bf8a8b","name":"BrandingUp","slug":"-ds491f","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cc7993de-4f5d-4209-b3f0-695614bf8a8b/55t3m3ms","followed":false,"followsYou":false},"media":[],"resources":[{"id":"76285","resolved":true,"title":"Tessamo","body":"$52","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Tessamo is a Framer template for design studios, brand agencies and strategy consultancies that want to show results, not just pictures."}]},{"type":"paragraph","content":[{"type":"text","text":"Every case study ends with numbers — and with live charts. The Work detail page carries a Positioning Map (where the brand sat before and after) and a Brand Pyramid (what you delivered), both editable from the properties panel. Axis labels and on/off switches come from the CMS, so each case tells its own story."}]},{"type":"paragraph","content":[{"type":"text","text":"Look: “paper-cut poster”. Oversized Syne display type, hollow outline second lines, a scrolling marquee, and seven pastel paper blocks that stand in for photography, so it looks finished before you add a single image."}]},{"type":"paragraph","content":[{"type":"text","text":"What’s included","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"• 10 pages: Home, Services, Work (CMS), Work detail (CMS), Journal (CMS), Journal post (CMS), Studio, Contact, Legal (CMS) and a custom 404"}]},{"type":"paragraph","content":[{"type":"text","text":"• 3 CMS collections — Cases (20 fields incl. results, quote and chart settings), Insights, Legal (Privacy, Terms, Imprint)"}]},{"type":"paragraph","content":[{"type":"text","text":"• One Layout Template for navigation and footer; a Nav component with a working phone drawer"}]},{"type":"paragraph","content":[{"type":"text","text":"• Native contact form with budget select and service checkboxes"}]},{"type":"paragraph","content":[{"type":"text","text":"• 14 colour and 25 text styles: restyle the whole site from one panel"}]},{"type":"paragraph","content":[{"type":"text","text":"• Desktop, tablet and phone breakpoints built with stacks and grids, so the Framer agent can edit them safely"}]},{"type":"paragraph","content":[{"type":"text","text":"• Two free chart components by BrandingUp pre-installed, plus a ready slot for a Gantt, Sankey or Journey chart"}]},{"type":"paragraph","content":[{"type":"text","text":"• Setup guide (PDF) + 10 ready-to-paste prompts for the Framer AI agent"}]},{"type":"paragraph","content":[{"type":"text","text":"• Lifetime updates and email support"}]},{"type":"paragraph","content":[{"type":"text","text":"Good for","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Design studios, brand and naming agencies, product design and strategy consultancies."}]},{"type":"paragraph","content":[{"type":"text","text":"All clients, people and figures in the demo are fictional. Fonts: Syne and Space Grotesk (Google Fonts, free)."}]},{"type":"paragraph","content":[{"type":"text","text":"Support: hello@brandingupstudio.com"}]}]},"introduction":"Agency site with live case charts","slug":"tessamo","author":{"framerUserId":"cc7993de-4f5d-4209-b3f0-695614bf8a8b","name":"BrandingUp","slug":"-ds491f","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cc7993de-4f5d-4209-b3f0-695614bf8a8b/55t3m3ms","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cc7993de-4f5d-4209-b3f0-695614bf8a8b/01a151c6-a30f-7570-b272-870fc6d7cf98.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cc7993de-4f5d-4209-b3f0-695614bf8a8b/01a151c6-a315-72d9-8ffc-a2b3a673a19b.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cc7993de-4f5d-4209-b3f0-695614bf8a8b/01a151c6-a328-73ea-9ab2-806d23ae9fc5.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cc7993de-4f5d-4209-b3f0-695614bf8a8b/01a151c6-a37e-746c-b763-1b4b596451d2.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cc7993de-4f5d-4209-b3f0-695614bf8a8b/01a151c6-a2d8-739a-b7e6-cf2732af63bd.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-10-19T01:29:36.894Z","updatedAt":"2026-10-19T01:29:36.894Z","publishedAt":"2026-10-19T01:29:36.892Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":"79","paymentUrl":"https://brandingup.lemonsqueezy.com/checkout/buy/39ac70a5-c807-4ae6-830c-d56b955a1bed","remixUrl":null,"previewUrl":"https://gleaming-spinosaurus-128395.framer.app/","categories":[],"styles":[{"id":234,"name":"Large Type","slug":"large-type"},{"id":261,"name":"Typographic","slug":"typographic"},{"id":243,"name":"Pastel","slug":"pastel"}],"mainCategory":{"id":3,"name":"Agency","slug":"agency"},"features":[],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":6,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-19T01:29:37.544Z","updatedAt":"2026-10-19T01:29:37.544Z","type":"post"},{"id":"01a151c0-74fc-701c-97b9-b9e0403e996b","title":null,"body":"

New: 21 Magnetic Dock — a macOS-style dock where icons magnify, get pulled toward the cursor and lift off the bar. Bottom/Top/Left/Right, keyboard focus and touch mode included.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"New: 21 Magnetic Dock — a macOS-style dock where icons magnify, get pulled toward the cursor and lift off the bar. Bottom/Top/Left/Right, keyboard focus and touch mode included."}]}]},"author":{"framerUserId":"cc7993de-4f5d-4209-b3f0-695614bf8a8b","name":"BrandingUp","slug":"-ds491f","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cc7993de-4f5d-4209-b3f0-695614bf8a8b/55t3m3ms","followed":false,"followsYou":false},"media":[],"resources":[{"id":"DkSenNGMmO3jvxa7clTk","resolved":true,"title":"21 Magnetic Dock","body":"$53","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"What it does"}]},{"type":"paragraph","content":[{"type":"text","text":"Magnetic Dock turns a row (or column) of icons into a macOS-style dock. As the cursor approaches, nearby icons grow with a smooth distance falloff, get pulled toward the pointer and lift off the bar — so the whole dock feels alive, not just the icon under the mouse. A tooltip pops up above the closest icon and a click opens its link."}]},{"type":"paragraph","content":[{"type":"text","text":"It works in four positions — Bottom, Top, Left or Right — so the same component is a footer dock, a top app bar or a vertical side rail. Add an Active dot for the current page, drop in separators, and use icon images or the built-in glyphs (Home, Projects, About, Blog, GitHub, Dribbble, Contact and more — anything else gets a clean initial tile)."}]},{"type":"paragraph","content":[{"type":"text","text":"Customizable properties"}]},{"type":"paragraph","content":[{"type":"text","text":"- Up to 16 items: icon image or glyph, label, link, new tab, Active dot, separator"}]},{"type":"paragraph","content":[{"type":"text","text":"- Position, Icon Size, Magnify (1–2.5×), Range, Magnet pull, Lift, Speed, Gap, Padding"}]},{"type":"paragraph","content":[{"type":"text","text":"- Tooltips, Touch mode (Tap to Magnify or Static), Dock Style (Glass, Solid or None)"}]},{"type":"paragraph","content":[{"type":"text","text":"- Background, border, radius, tile and glyph colors, accent ring, font, Canvas Preview pose"}]},{"type":"paragraph","content":[{"type":"text","text":"Why this component"}]},{"type":"paragraph","content":[{"type":"text","text":"- Magnify + magnetic pull + lift in one motion model — most docks only scale"}]},{"type":"paragraph","content":[{"type":"text","text":"- Real vertical mode (Left/Right rails), not just a bottom bar"}]},{"type":"paragraph","content":[{"type":"text","text":"- Keyboard focus magnifies too: Tab or arrows move, Enter opens, visible focus ring"}]},{"type":"paragraph","content":[{"type":"text","text":"- Touch behaviour is a choice, not an afterthought"}]},{"type":"paragraph","content":[{"type":"text","text":"- No animation library; the loop stops at rest and pauses off-screen"}]},{"type":"paragraph","content":[{"type":"text","text":"Need help?"}]},{"type":"paragraph","content":[{"type":"text","text":"hello@brandingupstudio.com — we usually reply within 72 hours. Custom edits from $75/hr. More components: "},{"type":"text","text":"https://brandingupstudio.com","marks":[{"type":"link","attrs":{"href":"https://brandingupstudio.com","target":"_blank","rel":"noopener noreferrer nofollow"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Unlink is not provided so we can keep delivering updates — just click Update on the component."}]}]},"introduction":"Dock that pulls toward your cursor","slug":"21-magnetic-dock","author":{"framerUserId":"cc7993de-4f5d-4209-b3f0-695614bf8a8b","name":"BrandingUp","slug":"-ds491f","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cc7993de-4f5d-4209-b3f0-695614bf8a8b/55t3m3ms","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cc7993de-4f5d-4209-b3f0-695614bf8a8b/01a14ef6-bec9-73d9-aa85-aecb9cccf25e.png","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-10-19T01:22:09.142Z","updatedAt":"2026-10-19T01:35:31.931Z","publishedAt":"2026-10-19T01:22:09.139Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://small-convention-270138.framer.app/magnetic-dock","price":"12","paymentUrl":"https://brandingup.lemonsqueezy.com/checkout/buy/cc610cfd-b599-48be-ab62-69a5c6a5bdc9","workshop":false,"categories":[{"id":"4c691677-c621-4041-a908-cbc2d3272658","name":"Navigation","slug":"navigation"}],"lastSaveId":"JHQvvI71Se9FtU0eVVJK","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-19T01:22:09.788Z","updatedAt":"2026-10-19T01:22:09.788Z","type":"post"},{"id":"01a14c2d-42a7-74da-879a-0cf10ee45a04","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"cc7993de-4f5d-4209-b3f0-695614bf8a8b","name":"BrandingUp","slug":"-ds491f","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cc7993de-4f5d-4209-b3f0-695614bf8a8b/55t3m3ms","followed":false,"followsYou":false},"media":[],"resources":[{"id":"WxZBPSoT9rBTnIR92LkD","resolved":true,"title":"20 Sticker Board","body":"$54","bodyJson":{"type":"doc","content":[{"type":"customHeading","attrs":{"level":2},"content":[{"type":"text","text":"What it does"}]},{"type":"paragraph","content":[{"type":"text","text":"Turn a hero, an About page or a link-in-bio into a board of die-cut stickers. Grab one and it peels up from the corner, leans into your drag, then slaps back down with a slight twist and a soft shadow. Throw stickers around, and double-click the board to put everything back."}]},{"type":"paragraph","content":[{"type":"text","text":"No images needed: type a label, pick a shape (pill, rectangle, circle, star, burst or arch) and a color, and you get a sticker with a clean white die-cut edge. Mix in transparent PNGs or SVGs for logos. Any sticker can be a link — a tap opens it, dragging never does."}]},{"type":"customHeading","attrs":{"level":2},"content":[{"type":"text","text":"Customizable properties"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Up to 30 stickers: text or image, shape, color, link, size, position, tilt"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Layout: Scatter (with seed), Grid, Arc or Manual"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Peel, lift, lean, slap tilt, throw, grab-to-front, bounds, reset"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Die-cut border, radius, shadow, background and full font control"}]}]}]},{"type":"customHeading","attrs":{"level":2},"content":[{"type":"text","text":"Why this component"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Looks finished with zero images"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Every sticker can be a link — great for link-in-bio or playful nav"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Auto layouts place everything for you; one file, no WebGL"}]}]}]},{"type":"customHeading","attrs":{"level":2},"content":[{"type":"text","text":"Need help?"}]},{"type":"paragraph","content":[{"type":"text","text":"hello@brandingupstudio.com","marks":[{"type":"link","attrs":{"href":"mailto:hello@brandingupstudio.com","target":"_blank","rel":"noopener noreferrer nofollow"}}]},{"type":"text","text":" — we usually reply within 72 hours. Custom edits from $75/hr. More components: "},{"type":"text","text":"https://brandingupstudio.com","marks":[{"type":"link","attrs":{"href":"https://brandingupstudio.com","target":"_blank","rel":"noopener noreferrer nofollow"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Unlink is not provided so we can keep delivering updates — just click Update on the component."}]}]},"introduction":"Peelable stickers — text or image","slug":"20-sticker-board","author":{"framerUserId":"cc7993de-4f5d-4209-b3f0-695614bf8a8b","name":"BrandingUp","slug":"-ds491f","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cc7993de-4f5d-4209-b3f0-695614bf8a8b/55t3m3ms","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cc7993de-4f5d-4209-b3f0-695614bf8a8b/01a14c2d-0591-71fc-9e05-0ed8d0d05827.png","metadata":{"tint":{"h":60,"s":53,"l":39},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-10-17T23:23:16.402Z","updatedAt":"2026-10-17T23:23:16.402Z","publishedAt":"2026-10-17T23:23:16.400Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://small-convention-270138.framer.app/sticker-board","price":"12","paymentUrl":"https://brandingup.lemonsqueezy.com/checkout/buy/e17dcb2b-7532-4f47-9c68-e5515a9769d0","workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"5Jynr3tosH9uDb90eM3q","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-17T23:23:17.031Z","updatedAt":"2026-10-17T23:23:17.031Z","type":"post"},{"id":"01a141ab-bbfd-753c-86e0-a365e9d6c9ed","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"cc7993de-4f5d-4209-b3f0-695614bf8a8b","name":"BrandingUp","slug":"-ds491f","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cc7993de-4f5d-4209-b3f0-695614bf8a8b/55t3m3ms","followed":false,"followsYou":false},"media":[],"resources":[{"id":"9okIhCxA7vtXJbPfhn4a","resolved":true,"title":"19 Rope Toggle","body":"$55","bodyJson":{"type":"doc","content":[{"type":"customHeading","attrs":{"level":2},"content":[{"type":"text","text":"What it does"}]},{"type":"paragraph","content":[{"type":"text","text":"A lamp pull-cord for your site. Visitors grab the rope, pull it down and let go: the switch flips, the knob lights up and the rope swings with real rope physics until it settles. A short tug only sways the rope. Tap, Enter or Space flips it too."}]},{"type":"paragraph","content":[{"type":"text","text":"Out of the box it switches light and dark mode with Framer's native Color Styles. It can also set an attribute and class on the html element, or just fire an event."}]},{"type":"customHeading","attrs":{"level":2},"content":[{"type":"text","text":"Customizable properties"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Knob: Bulb, Ball, Bar, Ring, Tassel or your own image"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Rope: Rope, Chain or Cord, color, width and length"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Feel: pull distance, stretch, gravity, damping"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Controls: Framer Theme, HTML Attribute or Event Only"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Start Off / On / System, Remember the choice, optional label and click sound"}]}]}]},{"type":"customHeading","attrs":{"level":2},"content":[{"type":"text","text":"Why this component"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Pull-and-release instead of click, with a rope that really swings"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"One small file, no physics library, fully idle at rest"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Accessible switch with keyboard and reduced-motion support"}]}]}]},{"type":"customHeading","attrs":{"level":2},"content":[{"type":"text","text":"Need help?"}]},{"type":"paragraph","content":[{"type":"text","text":"hello@brandingupstudio.com","marks":[{"type":"link","attrs":{"href":"mailto:hello@brandingupstudio.com","target":"_blank","rel":"noopener noreferrer nofollow"}}]},{"type":"text","text":" — we usually reply within 72 hours. Custom edits from $75/hr. More components: "},{"type":"text","text":"https://brandingupstudio.com","marks":[{"type":"link","attrs":{"href":"https://brandingupstudio.com","target":"_blank","rel":"noopener noreferrer nofollow"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Unlink is not provided so we can keep delivering updates — just click Update on the component."}]}]},"introduction":"Pull the cord to switch dark mode","slug":"19-rope-toggle","author":{"framerUserId":"cc7993de-4f5d-4209-b3f0-695614bf8a8b","name":"BrandingUp","slug":"-ds491f","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cc7993de-4f5d-4209-b3f0-695614bf8a8b/55t3m3ms","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cc7993de-4f5d-4209-b3f0-695614bf8a8b/01a141a9-846e-7377-b2e7-feba148610e5.jpg","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-10-15T22:25:35.562Z","updatedAt":"2026-10-15T22:25:35.562Z","publishedAt":"2026-10-15T22:25:35.559Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/RopeToggle-8QYWXQ.js@qUKNjBCx5eD67TpXOW1q","previewUrl":"https://small-convention-270138.framer.app/rope-toggle","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"cd81cc33-d6cf-4630-8e59-b5b3100166ba","name":"Buttons","slug":"buttons"}],"lastSaveId":"qUKNjBCx5eD67TpXOW1q","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-15T22:25:36.253Z","updatedAt":"2026-10-15T22:25:36.253Z","type":"post"},{"id":"01a1360d-7b04-7581-b91a-cf811394d548","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"cc7993de-4f5d-4209-b3f0-695614bf8a8b","name":"BrandingUp","slug":"-ds491f","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cc7993de-4f5d-4209-b3f0-695614bf8a8b/55t3m3ms","followed":false,"followsYou":false},"media":[],"resources":[{"id":"mwBm6cerW0wMaUh9EnNp","resolved":true,"title":"18 Price Calculator","body":"$56","bodyJson":{"type":"doc","content":[{"type":"customHeading","attrs":{"level":2},"content":[{"type":"text","text":"What it does"}]},{"type":"paragraph","content":[{"type":"text","text":"A pricing calculator for SaaS and app pricing pages. Visitors drag a slider (seats, users, credits — any unit you name) and the price rolls to the new amount instantly. Set tier breakpoints and the per-unit price drops as usage grows; the matching plan is highlighted automatically, with the per-unit rate and savings shown under the total."}]},{"type":"paragraph","content":[{"type":"text","text":"Flip the monthly / yearly toggle for a \"Save X%\" badge and a \"Billed … per year\" line. Turn on \"Custom at Max\" and the top of the slider becomes \"Custom\" with a \"Contact sales\" button."}]},{"type":"customHeading","attrs":{"level":2},"content":[{"type":"text","text":"Customizable properties"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Layout — Card or Compact"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Slider — unit label, min, max, step, default"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Tiers — plan name, breakpoint, per-unit or flat price, note, optional base price"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Tier ladder, marks, per-unit price and savings line on/off"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom at Max — label, CTA text and link"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Billing toggle — yearly discount %, default period"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Currency — symbol position, space, decimals, separators (e.g. \"1.234,50 €\")"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Rolling numbers, CTA, every label, colors, radius, shadow, fonts"}]}]}]},{"type":"customHeading","attrs":{"level":2},"content":[{"type":"text","text":"Why this component"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Real tier breakpoints — the plan pill switches as visitors drag."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Enterprise-ready \"Custom / Contact sales\" at the max."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Number formatting for US, EU and other locales."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Accessible native slider, reduced-motion aware, no external libraries."}]}]}]},{"type":"customHeading","attrs":{"level":2},"content":[{"type":"text","text":"Need help?"}]},{"type":"paragraph","content":[{"type":"text","text":"Email "},{"type":"text","text":"hello@brandingupstudio.com","marks":[{"type":"link","attrs":{"href":"mailto:hello@brandingupstudio.com","target":"_blank","rel":"noopener noreferrer nofollow"}}]},{"type":"text","text":" — we usually reply within 72 hours. Custom edits are available from $75/hr."}]},{"type":"paragraph","content":[{"type":"text","text":"Built with code but fully customizable via property controls. Unlink is not provided so we can keep delivering updates."}]}]},"introduction":"Slider pricing with plan tiers","slug":"18-price-calculator","author":{"framerUserId":"cc7993de-4f5d-4209-b3f0-695614bf8a8b","name":"BrandingUp","slug":"-ds491f","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cc7993de-4f5d-4209-b3f0-695614bf8a8b/55t3m3ms","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cc7993de-4f5d-4209-b3f0-695614bf8a8b/01a1360d-43b7-74da-b67a-32327a1e9c35.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-10-13T16:16:54.808Z","updatedAt":"2026-10-13T16:16:54.808Z","publishedAt":"2026-10-13T16:16:54.805Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://small-convention-270138.framer.app/pricing-calculator","price":"12","paymentUrl":"https://brandingup.lemonsqueezy.com/checkout/buy/eddb6063-e941-4cef-8690-768ec0fe8534","workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"9pLXc8iecCIu5PsfoiaR","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-13T16:16:55.556Z","updatedAt":"2026-10-13T16:16:55.556Z","type":"post"},{"id":"01a1360c-3b05-733f-b523-e909d62a5f17","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"cc7993de-4f5d-4209-b3f0-695614bf8a8b","name":"BrandingUp","slug":"-ds491f","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cc7993de-4f5d-4209-b3f0-695614bf8a8b/55t3m3ms","followed":false,"followsYou":false},"media":[],"resources":[{"id":"WJItvh13s45VmfwkYain","resolved":true,"title":"17 Scroll Roadmap","body":"$57","bodyJson":{"type":"doc","content":[{"type":"customHeading","attrs":{"level":2},"content":[{"type":"text","text":"What it does"}]},{"type":"paragraph","content":[{"type":"text","text":"Scroll Roadmap turns a list of milestones into a timeline that draws itself as visitors scroll. The line fills in step with the page, cards pop in as it reaches them, and the line tells the story — solid up to the last shipped or in-progress milestone, dashed for everything still planned."}]},{"type":"paragraph","content":[{"type":"text","text":"A compact summary (\"3 of 7 shipped · 43%\") and a clickable status legend sit on top, so visitors see progress at a glance or focus on Planned items."}]},{"type":"customHeading","attrs":{"level":2},"content":[{"type":"text","text":"Customizable properties"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Milestones — date, title, description, status, optional emoji and image"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Orientation — vertical or horizontal"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Alignment — alternate or one side (auto one-side on phones)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Animation — On Scroll or On Enter"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Node style — check dot, ring or number"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Summary & Legend on/off, line width, node size, spacing"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Card fill, border, radius, shadow · colors · status labels and colors · fonts"}]}]}]},{"type":"customHeading","attrs":{"level":2},"content":[{"type":"text","text":"Why this component"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Status-aware line: solid where you've delivered, dashed where you're heading."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Progress summary and status filter built in — no extra components."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"No animation libraries, finished state on the canvas, respects reduced motion, pauses off-screen."}]}]}]},{"type":"customHeading","attrs":{"level":2},"content":[{"type":"text","text":"Need help?"}]},{"type":"paragraph","content":[{"type":"text","text":"Email "},{"type":"text","text":"hello@brandingupstudio.com","marks":[{"type":"link","attrs":{"href":"mailto:hello@brandingupstudio.com","target":"_blank","rel":"noopener noreferrer nofollow"}}]},{"type":"text","text":" — we usually reply within 72 hours. Custom edits are available from $75/hr."}]},{"type":"paragraph","content":[{"type":"text","text":"Built with code but fully customizable via property controls. Unlink is not provided so we can keep delivering updates."}]}]},"introduction":"Status-aware scroll timeline","slug":"17-scroll-roadmap","author":{"framerUserId":"cc7993de-4f5d-4209-b3f0-695614bf8a8b","name":"BrandingUp","slug":"-ds491f","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cc7993de-4f5d-4209-b3f0-695614bf8a8b/55t3m3ms","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cc7993de-4f5d-4209-b3f0-695614bf8a8b/01a1360b-fc86-712f-b4e9-8b27532a2f87.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-10-13T16:15:32.916Z","updatedAt":"2026-10-13T16:15:32.916Z","publishedAt":"2026-10-13T16:15:32.913Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://small-convention-270138.framer.app/scroll-roadmap","price":"12","paymentUrl":"https://brandingup.lemonsqueezy.com/checkout/buy/2871e178-bc5e-47e3-a1b9-d439abb9bbf5","workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"zW7PQ3Ksx4PuEu324cqS","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-13T16:15:33.638Z","updatedAt":"2026-10-13T16:15:33.638Z","type":"post"},{"id":"01a13603-f9bc-76ba-bd55-bd8ab8e8e659","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"cc7993de-4f5d-4209-b3f0-695614bf8a8b","name":"BrandingUp","slug":"-ds491f","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cc7993de-4f5d-4209-b3f0-695614bf8a8b/55t3m3ms","followed":false,"followsYou":false},"media":[],"resources":[{"id":"0zY3Tg23OISeFWb8NpWK","resolved":true,"title":"16 Physics Tag Pile","body":"$58","bodyJson":{"type":"doc","content":[{"type":"customHeading","attrs":{"level":2},"content":[{"type":"text","text":"What it does"}]},{"type":"paragraph","content":[{"type":"text","text":"Drop your skills, services or tech stack as pill-shaped tags that fall with gravity, bounce and pile up. Visitors can grab and throw any tag, or sweep the cursor through the pile to scatter it. Give a tag a link and a tap opens it — dragging never does."}]},{"type":"customHeading","attrs":{"level":2},"content":[{"type":"text","text":"Customizable properties"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Tags — label, optional link, Featured accent (up to 60)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Trigger — In View (optional Replay) or On Load"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Drop Style — Rain, Pour or Burst"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Physics — gravity, bounce, friction, stagger"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Interaction — Drag & Throw, Cursor Push, link target"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Keep Readable — tags settle within a Max Tilt (default 25°), never upside-down"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Colors — fills, Featured color, auto or custom text color"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Border, radius, padding, background and full font control"}]}]}]},{"type":"customHeading","attrs":{"level":2},"content":[{"type":"text","text":"Why this component"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Tags can be links: skills → case studies, services → service pages."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Cursor Push reacts to the pointer without grabbing."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Three drop styles, from a calm footer to a playful hero."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"No physics library, one file — the loop stops once the pile rests."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Canvas, static export and reduce motion always show a settled pile."}]}]}]},{"type":"customHeading","attrs":{"level":2},"content":[{"type":"text","text":"Need help?"}]},{"type":"paragraph","content":[{"type":"text","text":"Email "},{"type":"text","text":"hello@brandingupstudio.com","marks":[{"type":"link","attrs":{"href":"mailto:hello@brandingupstudio.com","target":"_blank","rel":"noopener noreferrer nofollow"}}]},{"type":"text","text":" — we usually reply within 72 hours. Custom edits are available from $75/hr."}]},{"type":"paragraph","content":[{"type":"text","text":"Built with code but fully customizable via property controls — no coding needed. Unlink is not provided so we can keep delivering updates."}]}]},"introduction":"Falling skill tags you can throw","slug":"16-physics-tag-pile","author":{"framerUserId":"cc7993de-4f5d-4209-b3f0-695614bf8a8b","name":"BrandingUp","slug":"-ds491f","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cc7993de-4f5d-4209-b3f0-695614bf8a8b/55t3m3ms","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cc7993de-4f5d-4209-b3f0-695614bf8a8b/01a13603-9095-74cd-a920-34392b4fb9df.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-10-13T16:06:31.966Z","updatedAt":"2026-10-13T16:06:31.966Z","publishedAt":"2026-10-13T16:06:31.964Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/PhysicsTagPile-zf8AGH.js@h3vOBdzWBDt81yOa9qcu","previewUrl":"https://small-convention-270138.framer.app/physics-tag-pile","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"h3vOBdzWBDt81yOa9qcu","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-13T16:06:32.636Z","updatedAt":"2026-10-13T16:06:32.636Z","type":"post"},{"id":"01a1201f-0553-7058-8d73-4906b51a8c86","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"cc7993de-4f5d-4209-b3f0-695614bf8a8b","name":"BrandingUp","slug":"-ds491f","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cc7993de-4f5d-4209-b3f0-695614bf8a8b/55t3m3ms","followed":false,"followsYou":false},"media":[],"resources":[{"id":"JwY30OFqVUDs6rsYp4FH","resolved":true,"title":"15 Waterfall Chart","body":"$59","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"■ What it does"}]},{"type":"paragraph","content":[{"type":"text","text":"Waterfall Chart shows how a starting number turns into a final number — one step at a time. Add your items, pick Increase or Decrease for each, and the floating bars, dotted connector lines and totals are drawn for you."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Perfect for pricing breakdowns, revenue-to-profit stories, budget reports, \"where does the money go\" sections, and investor or fintech landing pages."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"■ Customizable properties"}]},{"type":"paragraph","content":[{"type":"text","text":"- Items — label, type (Start, Increase, Decrease, Subtotal, Total) and value for each step"}]},{"type":"paragraph","content":[{"type":"text","text":"- Direction — vertical or horizontal"}]},{"type":"paragraph","content":[{"type":"text","text":"- Value labels — outside or inside the bars, with optional +/− signs"}]},{"type":"paragraph","content":[{"type":"text","text":"- Number format — currency symbol, thousands separator, decimals, suffix, and auto k/M shortening"}]},{"type":"paragraph","content":[{"type":"text","text":"- Colors — increase, decrease, total and start, plus text, grid, connector and background"}]},{"type":"paragraph","content":[{"type":"text","text":"- Axis — auto \"nice number\" ticks, grid lines and a zero baseline"}]},{"type":"paragraph","content":[{"type":"text","text":"- Tooltip — item, value and running total on hover or focus"}]},{"type":"paragraph","content":[{"type":"text","text":"- Animation — bars grow in one after another (stagger speed adjustable)"}]},{"type":"paragraph","content":[{"type":"text","text":"- Bar width, corner radius, padding and fonts"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"■ Need help?"}]},{"type":"paragraph","content":[{"type":"text","text":"Reach out anytime at hello@brandingupstudio.com — we usually reply within 72 hours."}]},{"type":"paragraph","content":[{"type":"text","text":"Custom edits are available from $75/hr."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"■ More resources"}]},{"type":"paragraph","content":[{"type":"text","text":"Explore more components at BrandingUp → "},{"type":"text","text":"https://brandingupstudio.com","marks":[{"type":"link","attrs":{"href":"https://brandingupstudio.com","target":"_blank","rel":"noopener noreferrer nofollow"}}]}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Built with code but fully customizable via property controls — no coding needed."}]},{"type":"paragraph","content":[{"type":"text","text":"Unlink is not provided so we can keep delivering updates. When an update is available, just click the Update button on the component."}]}]},"introduction":"Auto-total bridge chart, animated","slug":"15-waterfall-chart","author":{"framerUserId":"cc7993de-4f5d-4209-b3f0-695614bf8a8b","name":"BrandingUp","slug":"-ds491f","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cc7993de-4f5d-4209-b3f0-695614bf8a8b/55t3m3ms","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cc7993de-4f5d-4209-b3f0-695614bf8a8b/01a11fe4-a3b5-7020-a3c2-d54dd2a463f3.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-10-09T10:04:25.614Z","updatedAt":"2026-10-09T10:04:25.614Z","publishedAt":"2026-10-09T10:04:25.604Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://small-convention-270138.framer.app/waterfall-chart","price":"9","paymentUrl":"https://brandingup.lemonsqueezy.com/checkout/buy/edd0c60b-48f9-4fdc-8e4e-54c7ddda91f1","workshop":false,"categories":[{"id":"51314a1b-a5bd-4ae8-acf0-bd3d5058c367","name":"Charts","slug":"charts"}],"lastSaveId":"XXoT5pg3yp6P6N6BiJ5j","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-09T10:04:26.325Z","updatedAt":"2026-10-09T10:04:26.325Z","type":"post"},{"id":"01a11fda-a1d6-73fd-9764-3c93d05beb09","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"cc7993de-4f5d-4209-b3f0-695614bf8a8b","name":"BrandingUp","slug":"-ds491f","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cc7993de-4f5d-4209-b3f0-695614bf8a8b/55t3m3ms","followed":false,"followsYou":false},"media":[],"resources":[{"id":"o8wOYiPUavd2cHyhq99i","resolved":true,"title":"14 Iceberg Diagram","body":"$5a","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"■ What it does"}]},{"type":"paragraph","content":[{"type":"text","text":"Type what people see above the waterline, then add the hidden layers below it. Iceberg Diagram draws the whole iceberg for you: it splits itself to fit the number of layers, with a small peak on top and wider layers as you go deeper. The edges are naturally uneven, and every layer gets its own shade of your base color automatically."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Hover or tap any layer and it lights up, while a detail panel shows its name, items and a short explanation. Labels can sit inside the iceberg or on either side with dotted leader lines. Add gentle waves on the waterline if you like."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Great for brand icebergs, \"iceberg of success\" stories, culture models, customer-journey service blueprints, pricing and cost breakdowns, and any \"visible vs hidden\" explainer."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"■ Customizable properties"}]},{"type":"paragraph","content":[{"type":"text","text":"- Above Items — what's visible above the water"}]},{"type":"paragraph","content":[{"type":"text","text":"- Levels — title, items (one per line) and a note for every layer below"}]},{"type":"paragraph","content":[{"type":"text","text":"- Labels — Inside, Side-left or Side-right"}]},{"type":"paragraph","content":[{"type":"text","text":"- Above Water — how much of the height sits above the waterline"}]},{"type":"paragraph","content":[{"type":"text","text":"- Roughness and Shape Seed — jagged or smooth edges, plus a new random shape with one click"}]},{"type":"paragraph","content":[{"type":"text","text":"- Gap — spacing between layers"}]},{"type":"paragraph","content":[{"type":"text","text":"- Base Color, Deep Color and Depth Shade — deeper layers darken automatically"}]},{"type":"paragraph","content":[{"type":"text","text":"- Water color, wave height and optional wave animation"}]},{"type":"paragraph","content":[{"type":"text","text":"- Interactive on/off, Detail Panel on/off, and Open Layer (pre-select a layer)"}]},{"type":"paragraph","content":[{"type":"text","text":"- Stack Below — on narrow screens the labels move into a tappable layer list"}]},{"type":"paragraph","content":[{"type":"text","text":"- Colors, radius, padding, spacing and fonts"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"■ Need help?"}]},{"type":"paragraph","content":[{"type":"text","text":"Reach out anytime at hello@brandingupstudio.com — we usually reply within 72 hours."}]},{"type":"paragraph","content":[{"type":"text","text":"Custom edits are available from $75/hr."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"■ More resources"}]},{"type":"paragraph","content":[{"type":"text","text":"Explore more components at BrandingUp → "},{"type":"text","text":"https://brandingupstudio.com","marks":[{"type":"link","attrs":{"href":"https://brandingupstudio.com","target":"_blank","rel":"noopener noreferrer nofollow"}}]}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Built with code but fully customizable via property controls — no coding needed."}]},{"type":"paragraph","content":[{"type":"text","text":"Unlink is not provided so we can keep delivering updates. When an update is available, just click the Update button on the component."}]}]},"introduction":"Visible vs hidden brand layers","slug":"14-iceberg-diagram","author":{"framerUserId":"cc7993de-4f5d-4209-b3f0-695614bf8a8b","name":"BrandingUp","slug":"-ds491f","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cc7993de-4f5d-4209-b3f0-695614bf8a8b/55t3m3ms","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cc7993de-4f5d-4209-b3f0-695614bf8a8b/01a11fda-58c0-76a9-baa9-d461028d18f9.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-10-09T08:49:43.694Z","updatedAt":"2026-10-09T09:06:18.418Z","publishedAt":"2026-10-09T08:49:43.691Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://small-convention-270138.framer.app/iceberg-diagram","price":"8","paymentUrl":"https://brandingup.lemonsqueezy.com/checkout/buy/23496649-701d-47ff-a397-9d1f00bcc7ce","workshop":false,"categories":[{"id":"51314a1b-a5bd-4ae8-acf0-bd3d5058c367","name":"Charts","slug":"charts"}],"lastSaveId":"fneltnVl0CEKGulZDESC","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-09T08:49:44.406Z","updatedAt":"2026-10-09T08:49:44.406Z","type":"post"},{"id":"01a11fd9-cbc7-736e-a96a-e22b713a0ae9","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"cc7993de-4f5d-4209-b3f0-695614bf8a8b","name":"BrandingUp","slug":"-ds491f","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cc7993de-4f5d-4209-b3f0-695614bf8a8b/55t3m3ms","followed":false,"followsYou":false},"media":[],"resources":[{"id":"AQ471SXVwLRKTPpz5xtL","resolved":true,"title":"13 Decision Tree","body":"$5b","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"■ What it does"}]},{"type":"paragraph","content":[{"type":"text","text":"Add your questions, answers and outcomes, tell each one which node it belongs to, and Decision Tree Flowchart lays out the whole diagram for you — diamonds for questions, cards for outcomes, elbow connectors and Yes/No labels on every branch. No manual positioning, no nested frames."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Switch on Walkthrough and your visitors click through the branches one answer at a time: the next step opens, the path they took lights up, and the result card is highlighted when they arrive. Perfect for \"Which plan fits me?\", \"Do I need this service?\", troubleshooting guides and onboarding flows."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"■ Customizable properties"}]},{"type":"paragraph","content":[{"type":"text","text":"- Nodes — ID, Parent ID, Branch label, Text, Type (Question / Outcome / Note) and color for each node"}]},{"type":"paragraph","content":[{"type":"text","text":"- Walkthrough — click-through mode with a Start over button; click an earlier question to step back"}]},{"type":"paragraph","content":[{"type":"text","text":"- Hover Path — in the full view, hover or focus any node to highlight the route from the start"}]},{"type":"paragraph","content":[{"type":"text","text":"- Direction — Top-down or Left-right"}]},{"type":"paragraph","content":[{"type":"text","text":"- Questions — Diamond or Rounded"}]},{"type":"paragraph","content":[{"type":"text","text":"- Overflow — Fit, Shrink or Scroll, so big trees stay readable on mobile"}]},{"type":"paragraph","content":[{"type":"text","text":"- Layout — node width/height, sibling gap, level gap"}]},{"type":"paragraph","content":[{"type":"text","text":"- Style — card, text, line, highlight, question / outcome / note colors, radius, shadow"}]},{"type":"paragraph","content":[{"type":"text","text":"- Fonts — separate node and branch fonts"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"■ Need help?"}]},{"type":"paragraph","content":[{"type":"text","text":"Reach out anytime at hello@brandingupstudio.com — we usually reply within 72 hours."}]},{"type":"paragraph","content":[{"type":"text","text":"Custom edits are available from $75/hr."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"■ More resources"}]},{"type":"paragraph","content":[{"type":"text","text":"Explore more components at BrandingUp → "},{"type":"text","text":"https://brandingupstudio.com","marks":[{"type":"link","attrs":{"href":"https://brandingupstudio.com","target":"_blank","rel":"noopener noreferrer nofollow"}}]}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Built with code but fully customizable via property controls — no coding needed."}]},{"type":"paragraph","content":[{"type":"text","text":"Unlink is not provided so we can keep delivering updates. When an update is available, just click the Update button on the component."}]}]},"introduction":"Click-through yes/no flowchart","slug":"13-decision-tree","author":{"framerUserId":"cc7993de-4f5d-4209-b3f0-695614bf8a8b","name":"BrandingUp","slug":"-ds491f","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cc7993de-4f5d-4209-b3f0-695614bf8a8b/55t3m3ms","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cc7993de-4f5d-4209-b3f0-695614bf8a8b/01a11fd9-83b8-72ce-adc5-553e990b16b5.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-10-09T08:48:48.927Z","updatedAt":"2026-10-09T08:48:48.927Z","publishedAt":"2026-10-09T08:48:48.924Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://small-convention-270138.framer.app/decision-tree","price":"12","paymentUrl":"https://brandingup.lemonsqueezy.com/checkout/buy/7ec922a0-979c-4e1a-9d78-7c5677308b69","workshop":false,"categories":[{"id":"51314a1b-a5bd-4ae8-acf0-bd3d5058c367","name":"Charts","slug":"charts"}],"lastSaveId":"p6CDB4wIwBoa1QrKlHg5","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-09T08:48:49.607Z","updatedAt":"2026-10-09T08:48:49.607Z","type":"post"},{"id":"01a11fd8-48d8-73c7-a88e-c4a50ca2756c","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"cc7993de-4f5d-4209-b3f0-695614bf8a8b","name":"BrandingUp","slug":"-ds491f","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cc7993de-4f5d-4209-b3f0-695614bf8a8b/55t3m3ms","followed":false,"followsYou":false},"media":[],"resources":[{"id":"86s4pJLUwNcEJkIOSD9l","resolved":true,"title":"12 Cycle Diagram","body":"$5c","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"■ What it does"}]},{"type":"paragraph","content":[{"type":"text","text":"Add your steps and Cycle Process Diagram arranges them around a circle, evenly spaced, with curved arrows showing the flow from one step to the next — and back to the start. Brand flywheels, customer loops, PDCA, product lifecycles, service cycles: if it goes around, this draws it."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Change the number of steps and every angle and arrow recalculates by itself. No manual positioning, no drawing arcs by hand."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Hover, click or use the arrow keys on any step to highlight it and read its description. Turn on Auto Cycle and the highlight walks around the loop on its own."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"■ Customizable properties"}]},{"type":"paragraph","content":[{"type":"text","text":"- Steps — title, description, icon (12 built-in icons or numbers), color and optional image for each step (up to 12)"}]},{"type":"paragraph","content":[{"type":"text","text":"- Direction — Clockwise or Counter-clockwise"}]},{"type":"paragraph","content":[{"type":"text","text":"- Start Angle — rotate where Step 1 sits on the circle"}]},{"type":"paragraph","content":[{"type":"text","text":"- Details — show the description in the Center, in a Side panel, or as a Tooltip"}]},{"type":"paragraph","content":[{"type":"text","text":"- Auto Cycle — highlight steps one by one, with your own interval; pauses on hover"}]},{"type":"paragraph","content":[{"type":"text","text":"- Node Shape — Circle, Pill or Card"}]},{"type":"paragraph","content":[{"type":"text","text":"- Layout — node size, radius, ring width, arrow gap, ring and arrows on/off"}]},{"type":"paragraph","content":[{"type":"text","text":"- Style — accent, text, ring, arrow and node colors"}]},{"type":"paragraph","content":[{"type":"text","text":"- Fonts — separate title, label and body fonts"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"■ Need help?"}]},{"type":"paragraph","content":[{"type":"text","text":"Reach out anytime at hello@brandingupstudio.com — we usually reply within 72 hours."}]},{"type":"paragraph","content":[{"type":"text","text":"Custom edits are available from $75/hr."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"■ More resources"}]},{"type":"paragraph","content":[{"type":"text","text":"Explore more components at BrandingUp → "},{"type":"text","text":"https://brandingupstudio.com","marks":[{"type":"link","attrs":{"href":"https://brandingupstudio.com","target":"_blank","rel":"noopener noreferrer nofollow"}}]}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Built with code but fully customizable via property controls — no coding needed."}]},{"type":"paragraph","content":[{"type":"text","text":"Unlink is not provided so we can keep delivering updates. When an update is available, just click the Update button on the component."}]}]},"introduction":"Auto-layout flywheel & loop chart","slug":"12-cycle-diagram","author":{"framerUserId":"cc7993de-4f5d-4209-b3f0-695614bf8a8b","name":"BrandingUp","slug":"-ds491f","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cc7993de-4f5d-4209-b3f0-695614bf8a8b/55t3m3ms","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cc7993de-4f5d-4209-b3f0-695614bf8a8b/01a11fd4-94f1-71a1-a39a-553f71a24424.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-10-09T08:47:09.875Z","updatedAt":"2026-10-09T08:47:09.875Z","publishedAt":"2026-10-09T08:47:09.872Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://small-convention-270138.framer.app/cycle-diagram","price":"10","paymentUrl":"https://brandingup.lemonsqueezy.com/checkout/buy/3fdab9c9-c546-4401-9d26-703c0f1550aa","workshop":false,"categories":[{"id":"51314a1b-a5bd-4ae8-acf0-bd3d5058c367","name":"Charts","slug":"charts"}],"lastSaveId":"Q8WrZoa2EECl36pChEjb","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-09T08:47:10.552Z","updatedAt":"2026-10-09T08:47:10.552Z","type":"post"},{"id":"01a11fd3-f338-77ec-9828-668e2918e69b","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"cc7993de-4f5d-4209-b3f0-695614bf8a8b","name":"BrandingUp","slug":"-ds491f","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cc7993de-4f5d-4209-b3f0-695614bf8a8b/55t3m3ms","followed":false,"followsYou":false},"media":[],"resources":[{"id":"MHmCz2GqWzDq7XLQngks","resolved":true,"title":"11 Business Canvas","body":"$5d","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"■ What it does"}]},{"type":"paragraph","content":[{"type":"text","text":"Stop pasting your Business Model Canvas as a screenshot. This component draws the classic 9-block canvas in the correct proportions, fully editable from the properties panel: titles, bullet lists, icons and colors."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Switch Mode to Lean Canvas and the layout swaps Key Partners, Key Activities, Key Resources and Customer Relationships for Problem, Solution, Key Metrics and Unfair Advantage. Same grid, same style."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Great for startup pitches, consulting case studies, brand strategy pages and course landing pages."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"■ Customizable properties"}]},{"type":"paragraph","content":[{"type":"text","text":"- Mode — Business Model or Lean Canvas"}]},{"type":"paragraph","content":[{"type":"text","text":"- Blocks — title, list of items and optional custom icon for every block"}]},{"type":"paragraph","content":[{"type":"text","text":"- Initial Focus — open with one block expanded"}]},{"type":"paragraph","content":[{"type":"text","text":"- Click to Focus / Hover Highlight — expand a block on click, dim the rest on hover"}]},{"type":"paragraph","content":[{"type":"text","text":"- Bullets — dot, dash, number, check or none"}]},{"type":"paragraph","content":[{"type":"text","text":"- Icons — built-in icon set, or upload your own per block"}]},{"type":"paragraph","content":[{"type":"text","text":"- Colors — three section colors (infrastructure, value, customer), block tint, background, text, border"}]},{"type":"paragraph","content":[{"type":"text","text":"- Stack Below — width where the canvas becomes a single column"}]},{"type":"paragraph","content":[{"type":"text","text":"- Gap, radius, padding"}]},{"type":"paragraph","content":[{"type":"text","text":"- Fonts — separate title and item fonts"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"■ Need help?"}]},{"type":"paragraph","content":[{"type":"text","text":"Reach out anytime at hello@brandingupstudio.com — we usually reply within 72 hours."}]},{"type":"paragraph","content":[{"type":"text","text":"Custom edits are available from $75/hr."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"■ More resources"}]},{"type":"paragraph","content":[{"type":"text","text":"Explore more components at BrandingUp → "},{"type":"text","text":"https://brandingupstudio.com","marks":[{"type":"link","attrs":{"href":"https://brandingupstudio.com","target":"_blank","rel":"noopener noreferrer nofollow"}}]}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Built with code but fully customizable via property controls — no coding needed."}]},{"type":"paragraph","content":[{"type":"text","text":"Unlink is not provided so we can keep delivering updates. When an update is available, just click the Update button on the component."}]}]},"introduction":"Lean Canvas switch + click focus","slug":"11-business-canvas","author":{"framerUserId":"cc7993de-4f5d-4209-b3f0-695614bf8a8b","name":"BrandingUp","slug":"-ds491f","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cc7993de-4f5d-4209-b3f0-695614bf8a8b/55t3m3ms","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cc7993de-4f5d-4209-b3f0-695614bf8a8b/01a11fd0-1881-742e-bd88-07ffe56b64db.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-10-09T08:42:25.825Z","updatedAt":"2026-10-09T08:56:21.637Z","publishedAt":"2026-10-09T08:42:25.820Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://small-convention-270138.framer.app/business-model-canvas","price":"10","paymentUrl":"https://brandingup.lemonsqueezy.com/checkout/buy/02724ee6-1d56-4cfe-8eb7-ad09d6f21eb1","workshop":false,"categories":[{"id":"51314a1b-a5bd-4ae8-acf0-bd3d5058c367","name":"Charts","slug":"charts"}],"lastSaveId":"QEziPh0bkgWI6mVMg0rW","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-09T08:42:26.489Z","updatedAt":"2026-10-09T08:42:26.489Z","type":"post"},{"id":"01a11fcf-78a7-70d7-9714-20809b2f2e1b","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"cc7993de-4f5d-4209-b3f0-695614bf8a8b","name":"BrandingUp","slug":"-ds491f","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cc7993de-4f5d-4209-b3f0-695614bf8a8b/55t3m3ms","followed":false,"followsYou":false},"media":[],"resources":[{"id":"HGIrOVBSvuh9FD0RnzwW","resolved":true,"title":"10 Journey Map","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"■ What it does"}]},{"type":"paragraph","content":[{"type":"text","text":"Add your journey stages, fill in what the customer does, where they interact, and how they feel — Customer Journey Map builds the whole grid for you. Columns are stages, rows are actions, touchpoints, emotion, pain points and opportunities. Give each stage a score from -2 to +2 and a smooth emotion curve draws itself across the map."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Perfect for UX and branding case studies, service design presentations, agency proposals and \"how we work\" pages."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"■ Customizable properties"}]},{"type":"paragraph","content":[{"type":"text","text":"- Stages — name, icon, color, actions, touchpoints, emotion score, pain points and opportunities for each stage"}]},{"type":"paragraph","content":[{"type":"text","text":"- Row toggles — show or hide Actions, Touchpoints, Emotion, Pain points and Opportunities"}]},{"type":"paragraph","content":[{"type":"text","text":"- Density — Comfortable or Compact"}]},{"type":"paragraph","content":[{"type":"text","text":"- Hover Column — highlight the stage under the cursor"}]},{"type":"paragraph","content":[{"type":"text","text":"- Stage Icons and Mood Labels — switch on or off"}]},{"type":"paragraph","content":[{"type":"text","text":"- Row Labels — rename every row"}]},{"type":"paragraph","content":[{"type":"text","text":"- Colors — positive and negative curve colors, background, label column, text, border"}]},{"type":"paragraph","content":[{"type":"text","text":"- Radius and fonts — separate body and header fonts"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"■ Need help?"}]},{"type":"paragraph","content":[{"type":"text","text":"Reach out anytime at hello@brandingupstudio.com — we usually reply within 72 hours."}]},{"type":"paragraph","content":[{"type":"text","text":"Custom edits are available from $75/hr."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"■ More resources"}]},{"type":"paragraph","content":[{"type":"text","text":"Explore more components at BrandingUp → "},{"type":"text","text":"https://brandingupstudio.com","marks":[{"type":"link","attrs":{"href":"https://brandingupstudio.com","target":"_blank","rel":"noopener noreferrer nofollow"}}]}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Built with code but fully customizable via property controls — no coding needed."}]},{"type":"paragraph","content":[{"type":"text","text":"Unlink is not provided so we can keep delivering updates. When an update is available, just click the Update button on the component."}]}]},"introduction":"Journey table with emotion curve","slug":"10-journey-map","author":{"framerUserId":"cc7993de-4f5d-4209-b3f0-695614bf8a8b","name":"BrandingUp","slug":"-ds491f","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cc7993de-4f5d-4209-b3f0-695614bf8a8b/55t3m3ms","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cc7993de-4f5d-4209-b3f0-695614bf8a8b/01a11fcf-303b-767a-904d-2f34b207daa2.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-10-09T08:37:32.339Z","updatedAt":"2026-10-09T08:37:32.339Z","publishedAt":"2026-10-09T08:37:32.336Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://small-convention-270138.framer.app/journey-map","price":"14","paymentUrl":"https://brandingup.lemonsqueezy.com/checkout/buy/371e77a9-3463-4268-8ff8-592414f25f7e","workshop":false,"categories":[{"id":"51314a1b-a5bd-4ae8-acf0-bd3d5058c367","name":"Charts","slug":"charts"}],"lastSaveId":"wsa8Bme7dEbq81rQ22IG","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-09T08:37:32.968Z","updatedAt":"2026-10-09T08:37:32.968Z","type":"post"},{"id":"01a11fce-9336-705b-be08-ae3a5672bd93","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"cc7993de-4f5d-4209-b3f0-695614bf8a8b","name":"BrandingUp","slug":"-ds491f","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cc7993de-4f5d-4209-b3f0-695614bf8a8b/55t3m3ms","followed":false,"followsYou":false},"media":[],"resources":[{"id":"rQFJu5PRZCtXh7z24AVH","resolved":true,"title":"09 SWOT Matrix","body":"$5f","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"■ What it does"}]},{"type":"paragraph","content":[{"type":"text","text":"Drop in a ready-made SWOT analysis — Strengths, Weaknesses, Opportunities and Threats — and type your own points into each box. Numbering, colors, axis labels and spacing are handled for you."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Hover a box and the others fade back. Click one and it expands to fill the space while the rest fold down to their titles. And with one switch, the same matrix turns into a TOWS strategy table (SO, WO, ST, WT) so you can go from analysis to action on a single page."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Perfect for brand strategy pages, consulting and agency sites, case studies, startup pitch pages and portfolio write-ups."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"■ Customizable properties"}]},{"type":"paragraph","content":[{"type":"text","text":"- Type — SWOT or TOWS, plus an optional switch your visitors can use"}]},{"type":"paragraph","content":[{"type":"text","text":"- Layout — Grid 2x2, Cross (center axis lines) or Stacked; switches to one column automatically on narrow screens"}]},{"type":"paragraph","content":[{"type":"text","text":"- Boxes — title, list of points and an optional custom icon for each of the four quadrants"}]},{"type":"paragraph","content":[{"type":"text","text":"- TOWS Strategies — title and points for SO, WO, ST and WT"}]},{"type":"paragraph","content":[{"type":"text","text":"- Axis labels — Internal / External and Helpful / Harmful (all editable, or hide them)"}]},{"type":"paragraph","content":[{"type":"text","text":"- Interaction — Hover Focus and Click Expand, each on/off"}]},{"type":"paragraph","content":[{"type":"text","text":"- List style — 01 02, 1. 2., bullets, dashes or none; icon style Symbol, Letter or None"}]},{"type":"paragraph","content":[{"type":"text","text":"- Colors — one color per quadrant, a soft tint is generated for each background automatically"}]},{"type":"paragraph","content":[{"type":"text","text":"- Style — background, text colors, gap, corner radius, padding"}]},{"type":"paragraph","content":[{"type":"text","text":"- Fonts — title, item and label fonts"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"■ Need help?"}]},{"type":"paragraph","content":[{"type":"text","text":"Reach out anytime at hello@brandingupstudio.com — we usually reply within 72 hours."}]},{"type":"paragraph","content":[{"type":"text","text":"Custom edits are available from $75/hr."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"■ More resources"}]},{"type":"paragraph","content":[{"type":"text","text":"Explore more components at BrandingUp → "},{"type":"text","text":"https://brandingupstudio.com","marks":[{"type":"link","attrs":{"href":"https://brandingupstudio.com","target":"_blank","rel":"noopener noreferrer nofollow"}}]}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Built with code but fully customizable via property controls — no coding needed."}]},{"type":"paragraph","content":[{"type":"text","text":"Unlink is not provided so we can keep delivering updates. When an update is available, just click the Update button on the component."}]}]},"introduction":"Hover, zoom and flip to TOWS","slug":"09-swot-matrix","author":{"framerUserId":"cc7993de-4f5d-4209-b3f0-695614bf8a8b","name":"BrandingUp","slug":"-ds491f","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cc7993de-4f5d-4209-b3f0-695614bf8a8b/55t3m3ms","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cc7993de-4f5d-4209-b3f0-695614bf8a8b/01a11fce-4a46-76d2-a531-2c4fa495c69c.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-10-09T08:36:33.507Z","updatedAt":"2026-10-09T11:04:19.647Z","publishedAt":"2026-10-09T08:36:33.496Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://small-convention-270138.framer.app/swot-matrix","price":"8","paymentUrl":"https://brandingup.lemonsqueezy.com/checkout/buy/3e8ad531-7782-48fa-9a21-157a7f812499","workshop":false,"categories":[{"id":"51314a1b-a5bd-4ae8-acf0-bd3d5058c367","name":"Charts","slug":"charts"}],"lastSaveId":"gKXshHeZ7NW9Y8zXurlp","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-09T08:36:34.231Z","updatedAt":"2026-10-09T08:36:34.231Z","type":"post"},{"id":"01a11fcd-97db-7461-985a-2b5320ef9f1c","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"cc7993de-4f5d-4209-b3f0-695614bf8a8b","name":"BrandingUp","slug":"-ds491f","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cc7993de-4f5d-4209-b3f0-695614bf8a8b/55t3m3ms","followed":false,"followsYou":false},"media":[],"resources":[{"id":"OG2oylbSVRrUpJMg3PpK","resolved":true,"title":"08 Mind Map","body":"$60","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"■ What it does"}]},{"type":"paragraph","content":[{"type":"text","text":"Add your ideas, type which one each belongs to, and Mind Map builds the whole diagram for you — branches, curved connectors and spacing are laid out automatically. No manual positioning, no nested frames."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Perfect for brand keyword maps, service structures, site maps, course outlines and idea brainstorms."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"■ Customizable properties"}]},{"type":"paragraph","content":[{"type":"text","text":"- Nodes — text, parent, color and an optional note for each idea"}]},{"type":"paragraph","content":[{"type":"text","text":"- Layout — Radial, Left-Right (balanced) or Right-only"}]},{"type":"paragraph","content":[{"type":"text","text":"- Shape & Node Style — Pill or Rounded, Solid or Outline"}]},{"type":"paragraph","content":[{"type":"text","text":"- Node Size, Level Gap, Sibling Gap, Max Width — fine-tune the spacing"}]},{"type":"paragraph","content":[{"type":"text","text":"- Expanded Levels & Collapsible — click a branch to fold or unfold it (+N shows what's hidden)"}]},{"type":"paragraph","content":[{"type":"text","text":"- Hover Focus — hover any idea to light up its whole branch"}]},{"type":"paragraph","content":[{"type":"text","text":"- Show Notes — notes appear as a tooltip on hover"}]},{"type":"paragraph","content":[{"type":"text","text":"- Fit — Shrink, Fit or Scroll, so big maps never break on mobile"}]},{"type":"paragraph","content":[{"type":"text","text":"- Branch Colors, Style and two Fonts — match your brand"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"■ Why this component"}]},{"type":"paragraph","content":[{"type":"text","text":"- Built from a flat list: just type the parent's name — the map updates itself."}]},{"type":"paragraph","content":[{"type":"text","text":"- Child branches inherit their parent's color, so even big maps stay easy to read."}]},{"type":"paragraph","content":[{"type":"text","text":"- Fold what you don't need and let Hover Focus guide the eye through a branch."}]},{"type":"paragraph","content":[{"type":"text","text":"- Keyboard and screen-reader friendly, with reduced-motion support."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"■ Need help?"}]},{"type":"paragraph","content":[{"type":"text","text":"Reach out anytime at hello@brandingupstudio.com — we usually reply within 72 hours."}]},{"type":"paragraph","content":[{"type":"text","text":"Custom edits are available from $75/hr."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"■ More resources"}]},{"type":"paragraph","content":[{"type":"text","text":"Explore more components at BrandingUp → "},{"type":"text","text":"https://brandingupstudio.com","marks":[{"type":"link","attrs":{"href":"https://brandingupstudio.com","target":"_blank","rel":"noopener noreferrer nofollow"}}]}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Built with code but fully customizable via property controls — no coding needed."}]},{"type":"paragraph","content":[{"type":"text","text":"Unlink is not provided so we can keep delivering updates. When an update is available, just click the Update button on the component."}]}]},"introduction":"Auto-layout collapsible mind map","slug":"08-mind-map","author":{"framerUserId":"cc7993de-4f5d-4209-b3f0-695614bf8a8b","name":"BrandingUp","slug":"-ds491f","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cc7993de-4f5d-4209-b3f0-695614bf8a8b/55t3m3ms","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cc7993de-4f5d-4209-b3f0-695614bf8a8b/01a11fcd-36a7-74ce-9774-a212c97bb8e2.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-10-09T08:35:29.195Z","updatedAt":"2026-10-09T09:05:39.916Z","publishedAt":"2026-10-09T08:35:29.189Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://small-convention-270138.framer.app/mind-map","price":"12","paymentUrl":"https://brandingup.lemonsqueezy.com/checkout/buy/e8732b68-970a-42f9-b677-f29c7da7b5e1","workshop":false,"categories":[{"id":"51314a1b-a5bd-4ae8-acf0-bd3d5058c367","name":"Charts","slug":"charts"}],"lastSaveId":"3CcfJj8BJQ6lvPD5z6W5","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-09T08:35:29.883Z","updatedAt":"2026-10-09T08:35:29.883Z","type":"post"},{"id":"01a11fcc-8e71-7684-ab2d-e1da7436ac59","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"cc7993de-4f5d-4209-b3f0-695614bf8a8b","name":"BrandingUp","slug":"-ds491f","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cc7993de-4f5d-4209-b3f0-695614bf8a8b/55t3m3ms","followed":false,"followsYou":false},"media":[],"resources":[{"id":"rDyRPvKnMMFkSN7gJ2G9","resolved":true,"title":"07 Sankey Diagram","body":"$61","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"■ What it does"}]},{"type":"paragraph","content":[{"type":"text","text":"Sankey Flow Diagram shows where things come from and where they go — traffic sources to landing pages to sign-ups, budget to channels to results, customers through a journey. You only list the flows (From, To, Value). The component finds the nodes, sorts them into columns, sizes every ribbon by its value and draws smooth curved bands. No manual positioning, no nested frames."}]},{"type":"paragraph","content":[{"type":"text","text":"Hover any node or ribbon and the whole path it belongs to lights up while everything else fades back."}]},{"type":"paragraph","content":[{"type":"text","text":"■ Customizable properties"}]},{"type":"paragraph","content":[{"type":"text","text":"- Links — From, To and Value for each flow (same name = same node)"}]},{"type":"paragraph","content":[{"type":"text","text":"- Direction — Horizontal, or Vertical for mobile layouts"}]},{"type":"paragraph","content":[{"type":"text","text":"- Labels — Name, Name + Value, Name + %, Name + Value + %, or None"}]},{"type":"paragraph","content":[{"type":"text","text":"- Link Color — Gradient (from node color to node color), From Node, To Node or Neutral"}]},{"type":"paragraph","content":[{"type":"text","text":"- Hover — Full Path, Direct Only or Off, plus Dim Opacity"}]},{"type":"paragraph","content":[{"type":"text","text":"- Align Ends — pull end nodes into the last column"}]},{"type":"paragraph","content":[{"type":"text","text":"- Tooltip — flow value and share on hover"}]},{"type":"paragraph","content":[{"type":"text","text":"- Prefix / Suffix — \"$\", \"€\", \" visits\" and more"}]},{"type":"paragraph","content":[{"type":"text","text":"- Node Width, Node Gap, Node Radius, Link Opacity, Padding"}]},{"type":"paragraph","content":[{"type":"text","text":"- Palette and per-node color overrides"}]},{"type":"paragraph","content":[{"type":"text","text":"- Label and Background colors, Font, Alt Text for screen readers"}]},{"type":"paragraph","content":[{"type":"text","text":"■ Need help?"}]},{"type":"paragraph","content":[{"type":"text","text":"Reach out anytime at hello@brandingupstudio.com — we usually reply within 72 hours."}]},{"type":"paragraph","content":[{"type":"text","text":"Custom edits are available from $75/hr."}]},{"type":"paragraph","content":[{"type":"text","text":"Explore more components at BrandingUp → "},{"type":"text","text":"https://brandingupstudio.com","marks":[{"type":"link","attrs":{"href":"https://brandingupstudio.com","target":"_blank","rel":"noopener noreferrer nofollow"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Built with code but fully customizable via property controls — no coding needed."}]},{"type":"paragraph","content":[{"type":"text","text":"Unlink is not provided so we can keep delivering updates. When an update is available, just click the Update button on the component."}]}]},"introduction":"Auto-layout flows with hover paths","slug":"07-sankey-diagram","author":{"framerUserId":"cc7993de-4f5d-4209-b3f0-695614bf8a8b","name":"BrandingUp","slug":"-ds491f","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cc7993de-4f5d-4209-b3f0-695614bf8a8b/55t3m3ms","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cc7993de-4f5d-4209-b3f0-695614bf8a8b/01a11fca-e1b5-7692-9b46-7041f60d230c.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-10-09T08:34:21.244Z","updatedAt":"2026-10-09T11:04:46.255Z","publishedAt":"2026-10-09T08:34:21.241Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://small-convention-270138.framer.app/sankey-diagram","price":"15","paymentUrl":"https://brandingup.lemonsqueezy.com/checkout/buy/df55731b-ad61-4d34-8959-a00e7b185be1","workshop":false,"categories":[{"id":"51314a1b-a5bd-4ae8-acf0-bd3d5058c367","name":"Charts","slug":"charts"}],"lastSaveId":"ueP8Uu6z4Ea4akdZq58Y","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-09T08:34:21.937Z","updatedAt":"2026-10-09T08:34:21.937Z","type":"post"},{"id":"01a11fca-34d6-7533-b2e2-f4309695f928","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"cc7993de-4f5d-4209-b3f0-695614bf8a8b","name":"BrandingUp","slug":"-ds491f","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cc7993de-4f5d-4209-b3f0-695614bf8a8b/55t3m3ms","followed":false,"followsYou":false},"media":[],"resources":[{"id":"yPcYgr2qkcrtSNzlulRV","resolved":true,"title":"06 Gantt Chart","body":"$62","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"■ What it does"}]},{"type":"paragraph","content":[{"type":"text","text":"Add your tasks with a start and end date and Gantt Chart Timeline draws the whole schedule for you — time scale, bars, milestones and a \"today\" line are calculated automatically. No manual positioning, no screenshots, no nested frames."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Perfect for project pages, process sections, roadmaps and case studies on agency, studio and startup sites."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"■ Customizable properties"}]},{"type":"paragraph","content":[{"type":"text","text":"- Tasks — name, group, start date, end date, progress %, milestone toggle and color for each task"}]},{"type":"paragraph","content":[{"type":"text","text":"- Time Scale — Auto, Day, Week or Month"}]},{"type":"paragraph","content":[{"type":"text","text":"- Today Line — on/off, or pin any date"}]},{"type":"paragraph","content":[{"type":"text","text":"- Collapsible groups — click a group to fold or unfold it (Start Folded option)"}]},{"type":"paragraph","content":[{"type":"text","text":"- Progress % labels and hover tooltips (dates, duration, progress)"}]},{"type":"paragraph","content":[{"type":"text","text":"- Layout — name column width, row height, bar height, bar radius, minimum chart width, corner radius"}]},{"type":"paragraph","content":[{"type":"text","text":"- Colors — background, header, text, grid, today line, border"}]},{"type":"paragraph","content":[{"type":"text","text":"- Fonts — separate name and scale fonts"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"■ Why this component"}]},{"type":"paragraph","content":[{"type":"text","text":"- Dates in, schedule out: change a date and the bars and scale update themselves."}]},{"type":"paragraph","content":[{"type":"text","text":"- Folding groups and progress fills make a long plan readable at a glance."}]},{"type":"paragraph","content":[{"type":"text","text":"- Names stay pinned while the chart scrolls sideways, so it works on small screens too."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"■ Where it fits"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"- Agency and studio sites: show clients how a project runs, phase by phase"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"- SaaS and product sites: a public roadmap with progress on each item"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"- Case studies: the real timeline of a launch, with milestones marked"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"- Events, courses and renovations: a schedule visitors can scan at a glance"}]}]}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"■ Need help?"}]},{"type":"paragraph","content":[{"type":"text","text":"Reach out anytime at hello@brandingupstudio.com — we usually reply within 72 hours."}]},{"type":"paragraph","content":[{"type":"text","text":"Custom edits are available from $75/hr."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"■ More resources"}]},{"type":"paragraph","content":[{"type":"text","text":"Explore more components at BrandingUp → "},{"type":"text","text":"https://brandingupstudio.com","marks":[{"type":"link","attrs":{"href":"https://brandingupstudio.com","target":"_blank","rel":"noopener noreferrer nofollow"}}]}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Built with code but fully customizable via property controls — no coding needed."}]},{"type":"paragraph","content":[{"type":"text","text":"Unlink is not provided so we can keep delivering updates. When an update is available, just click the Update button on the component."}]}]},"introduction":"Auto project schedule + progress","slug":"06-gantt-chart","author":{"framerUserId":"cc7993de-4f5d-4209-b3f0-695614bf8a8b","name":"BrandingUp","slug":"-ds491f","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cc7993de-4f5d-4209-b3f0-695614bf8a8b/55t3m3ms","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cc7993de-4f5d-4209-b3f0-695614bf8a8b/01a11fc9-ec9f-7685-a881-cb98166daba5.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-10-09T08:31:47.181Z","updatedAt":"2026-10-13T04:36:23.053Z","publishedAt":"2026-10-09T08:31:47.178Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://small-convention-270138.framer.app/gantt-chart","price":"14","paymentUrl":"https://brandingup.lemonsqueezy.com/checkout/buy/16156a1d-bfe6-44b9-831c-88df7301a4bf","workshop":false,"categories":[{"id":"51314a1b-a5bd-4ae8-acf0-bd3d5058c367","name":"Charts","slug":"charts"}],"lastSaveId":"2WwUmNlz7JEAnEtcoEac","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-09T08:31:47.926Z","updatedAt":"2026-10-09T08:31:47.926Z","type":"post"},{"id":"01a11fc3-5cd1-73bc-805e-95c768c45e10","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"cc7993de-4f5d-4209-b3f0-695614bf8a8b","name":"BrandingUp","slug":"-ds491f","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cc7993de-4f5d-4209-b3f0-695614bf8a8b/55t3m3ms","followed":false,"followsYou":false},"media":[],"resources":[{"id":"HJZvtooVPqrSmxXSaWws","resolved":true,"title":"02 Reviews Pro","body":"$63","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"■ What it does"}]},{"type":"paragraph","content":[{"type":"text","text":"Show your average score, a rating breakdown and your reviews as a smooth carousel or a masonry wall — all in one component. Click any rating bar and the carousel instantly filters to those reviews."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Turn on \"Google Stars\" and the same reviews are output as review structured data (JSON-LD), so search engines can read your rating — no custom code to paste."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"■ Customizable properties"}]},{"type":"paragraph","content":[{"type":"text","text":"- Reviews — quote, name, role, photo, rating (half stars), verified badge, date"}]},{"type":"paragraph","content":[{"type":"text","text":"- Layout — Carousel or Wall (masonry, responsive columns, \"Show more\" button)"}]},{"type":"paragraph","content":[{"type":"text","text":"- Summary — Left, Top or Hidden · Auto (calculated from your reviews) or Manual (your real totals and percentages)"}]},{"type":"paragraph","content":[{"type":"text","text":"- Carousel — cards per view, min card width (auto-responsive), gap, autoplay, interval, pause on hover, arrows & dots"}]},{"type":"paragraph","content":[{"type":"text","text":"- SEO Schema — Product or App/Software, item name, optional price and currency"}]},{"type":"paragraph","content":[{"type":"text","text":"- Style — card, text, stars, bars, border colors, radius, shadow"}]},{"type":"paragraph","content":[{"type":"text","text":"- Fonts — score, quote and name fonts"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"■ Why this component"}]},{"type":"paragraph","content":[{"type":"text","text":"- Summary and carousel in one: the rating breakdown and the reviews stay connected — click a bar to filter."}]},{"type":"paragraph","content":[{"type":"text","text":"- Built-in review schema: no copy-pasting JSON-LD into page settings."}]},{"type":"paragraph","content":[{"type":"text","text":"- Safe by default: sample reviews are never sent to search engines."}]},{"type":"paragraph","content":[{"type":"text","text":"- Swipe, drag, keyboard arrows and autoplay — responsive down to one card on mobile."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"■ Need help?"}]},{"type":"paragraph","content":[{"type":"text","text":"Reach out anytime at hello@brandingupstudio.com — we usually reply within 72 hours."}]},{"type":"paragraph","content":[{"type":"text","text":"Custom edits are available from $75/hr."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"■ More resources"}]},{"type":"paragraph","content":[{"type":"text","text":"Explore more components at BrandingUp → "},{"type":"text","text":"https://brandingupstudio.com","marks":[{"type":"link","attrs":{"href":"https://brandingupstudio.com","target":"_blank","rel":"noopener noreferrer nofollow"}}]}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Built with code but fully customizable via property controls — no coding needed."}]},{"type":"paragraph","content":[{"type":"text","text":"Unlink is not provided so we can keep delivering updates. When an update is available, just click the Update button on the component."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Note: Google decides whether to show stars. Use genuine reviews of a product or app; Google does not show stars for self-reviews of your own business."}]}]},"introduction":"Carousel & wall + Google stars","slug":"02-reviews-pro","author":{"framerUserId":"cc7993de-4f5d-4209-b3f0-695614bf8a8b","name":"BrandingUp","slug":"-ds491f","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cc7993de-4f5d-4209-b3f0-695614bf8a8b/55t3m3ms","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cc7993de-4f5d-4209-b3f0-695614bf8a8b/01a11fc2-6feb-756d-809a-d7e84601ab13.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-10-09T08:24:18.734Z","updatedAt":"2026-10-09T08:24:18.734Z","publishedAt":"2026-10-09T08:24:18.732Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://small-convention-270138.framer.app/review-carousel","price":"15","paymentUrl":"https://brandingup.lemonsqueezy.com/checkout/buy/c67cfaf4-875d-443d-9dbd-5fd8f91e7a76","workshop":false,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"D9mKSTtSs7e6l4buVUTQ","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-09T08:24:19.409Z","updatedAt":"2026-10-09T08:24:19.409Z","type":"post"}],"pagination":{"next":"MDFhMTFmYzMtNWNkMS03M2JjLTgwNWUtOTVjNzY4YzQ1ZTEw","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L64"}]