51:I[267044,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/15s1ft4k9lx-7.js","/creators-assets/_next/static/immutable/chunks/0x8sumr53pdkk.js","/creators-assets/_next/static/immutable/chunks/3pud1dqsw0-_7.js","/creators-assets/_next/static/immutable/chunks/1m75iqpnspynu.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/3ohf-5_4hfjuq.js","/creators-assets/_next/static/immutable/chunks/2jjhfe7-w6y9a.js","/creators-assets/_next/static/immutable/chunks/325i2v5l4tnlq.js","/creators-assets/_next/static/immutable/chunks/0kisxyo3aw231.js","/creators-assets/_next/static/immutable/chunks/2b1mm8iiske-y.js","/creators-assets/_next/static/immutable/chunks/0i7m0zg6jfazw.js","/creators-assets/_next/static/immutable/chunks/3-hmotkz_bdv_.js","/creators-assets/_next/static/immutable/chunks/06bqtx1jsc1kz.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3naniu4pnqfyw.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/456d4lcv9-syj.js","/creators-assets/_next/static/immutable/chunks/36-o7-3julke0.js","/creators-assets/_next/static/immutable/chunks/2xq6uu2rcdc2i.js","/creators-assets/_next/static/immutable/chunks/2y9gv91n8o3i9.js","/creators-assets/_next/static/immutable/chunks/3z6ke99nzr4_e.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/1fkcqskfw4hol.js","/creators-assets/_next/static/immutable/chunks/3ixl4aqv6ylo7.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/2di2v55rtz-8i.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/00owjoob9gqs9.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js"],"S"] 52:T11ce,

Highlight Typewriter for Framer

Add a typewriter text animation to any Framer hero section in seconds.

Highlight Typewriter cycles through words or phrases with a realistic typing and deleting animation inside a styled highlight box. The box expands only to the right, meaning surrounding text never shifts, jumps, or re-centers.

Perfect for animated headlines like:

We build [Products] → [Experiences] → [Brands]

Fully customizable, designer-friendly, and built specifically for Framer layouts.No code required.

What This Component Does

Highlight Typewriter creates a dynamic animated headline that types and deletes words inside a colored highlight container.

Unlike typical typewriter effects that break layout alignment, this component locks the left edge of the highlight box in place. As characters appear, the box grows only to the right.

This ensures clean headline animations every time without visual instability.

Benefits

No layout shift
No text jumping
No centering jitter
Smooth hero animations

It's the Framer typewriter headline component designers keep rebuilding from scratch — now solved properly.

Perfect For

Hero Headlines

Create animated messaging like:

We build [Products] [Experiences] [Brands]

SaaS Landing Pages

Cycle through product features or use cases in a single headline.

Portfolio Sites

Rotate between roles, specialties, or skills.

Agency Websites

Highlight services dynamically in one clean line.

Product Marketing Pages

Add motion to above-the-fold messaging without breaking layout alignment.

Key Features

Smooth Typewriter Animation

Words type in and delete naturally with configurable typing speeds.

Layout-Safe Highlight Box

The highlight container grows only to the right, preventing layout shift and keeping surrounding text perfectly aligned.

Prefix & Suffix Text Support

Add static text before or after the animation.

Example:

We build [Products]

Prefix and suffix text remain perfectly locked in place.

Designer-Friendly Controls

Every visual detail can be customized directly from the Framer property panel.

Built for Framer Layout System

Fully responsive and designed to work seamlessly inside Framer stacks, grids, and hero sections.

Customization Options

You have full control over the animation and styling.

Text Content

Add up to 30 rotating words or phrases.

Playback Controls

Auto play on load
Loop continuously
Stop on the final word

Animation Timing

Typing speed (milliseconds per character)
Delete speed (milliseconds per character)
Hold duration before deletion

Font Controls

Separate font styling for:

Typed highlight text
Prefix text
Suffix text

Including family, size, weight, letter spacing, and line height.

Highlight Box Styling

Customize the appearance of the highlight container:

Highlight background color
Text color
Corner radius
Padding
Minimum width (prevents box collapse)

Prefix & Suffix Text

Add static text before or after the highlight box with independent color styling.

Why Designers Use This

Most typewriter effects cause layout instability, forcing text to jump or re-center as words change length.

Highlight Typewriter solves this with a right-expanding highlight box, allowing you to build animated hero headlines without breaking layout alignment.

It’s a simple drop-in component that adds motion and polish to any Framer landing page.

Support & Returns

If the component is not functioning as described, you're covered by a 30-day return policy — no questions asked.

For support, questions, or feedback please contact:

bryanbrunotdesign@gmail.com

We'll help you get everything working as quickly as possible.

53:T1483,

Direct Klaviyo Integration

Connect your Framer site directly to Klaviyo

This component integrates with Klaviyo’s Client Subscriptions API, allowing you to send subscribers directly from your Framer site to your Klaviyo list using your public Site ID and List ID.

Because it uses Klaviyo’s official client subscription method, the form works entirely on the frontend, meaning you can connect your Framer website to Klaviyo without needing a backend or server setup.

The component also includes legacy fallback support, helping maintain compatibility across different Klaviyo configurations.

Flexible Subscriber Fields

Capture richer subscriber profiles

The form includes a required email field with optional subscriber fields that can be enabled directly from the component panel:

Email (required)
First Name (optional)
Last Name (optional)
Phone Number (optional)

This flexibility allows you to build either a minimal email capture form or a more detailed subscriber profile collection depending on your marketing needs.

Built for Framer Layouts

Designed for Framer’s native layout system

The component is optimized specifically for Framer layout controls, making it easy to drop into any page or section.

Key layout behavior:

Width fills the parent container
Height automatically fits the content
Spacing and positioning controlled through Framer

The component intentionally does not include a background card, allowing it to inherit styling from the parent layout and integrate seamlessly with any design system.

Fully Customizable Styling

Complete design control inside Framer

All styling and behavior settings are organized into clear control groups within the component panel.

Control groups include:

KlaviyoConfigure your Site ID and List ID to connect your form.

FieldsEnable or disable subscriber fields such as first name, last name, and phone.

BehaviorConfigure consent checkbox behavior and form logic.

StylingAdjust layout spacing and overall visual styling.

InputsCustomize input field styles including colors, borders, and typography.

ButtonStyle the submit CTA including colors, size, and button appearance.

MessagesCustomize success and error messages shown after form submission.

Every input, button, and message style can be customized to match your brand.

Quick Setup

Launch your Klaviyo signup form in minutes

Add the component to your Framer project.
Set the width to Fill and height to Fit Content so it adapts to your layout.
Enter your Klaviyo Site ID and List ID in the Klaviyo control panel.
Enable any additional subscriber fields you want to collect.
Customize styling for inputs, button, and messages using the component controls.

Once configured, the form will send new subscribers directly to your Klaviyo list.

Perfect for Framer + Klaviyo Workflows

This component is ideal for:

Framer websites using Klaviyo for email marketing
Landing pages and marketing sites
Newsletter signup sections
Email capture forms for product launches
No-code Klaviyo integrations

Designers and marketers can easily add a Klaviyo email signup form to a Framer site without writing code.

Support & Returns

Need help?

Returns are accepted within 30 days of purchase.

If the component is not functioning as described or you run into any issues during setup, please reach out directly and I’ll be happy to help.

Email: bryanbrunotdesign@gmail.com

Add It to Your Stack

Add a high-converting Klaviyo signup form to your Framer site in minutes.

Drop the component into your project, connect your Klaviyo Site ID and List ID, customize the styling, and start capturing subscribers directly into your Klaviyo list. Designed for flexibility, speed, and seamless Framer integration. 🚀

Ideal For:

Framer sites using Klaviyo
Ecommerce newsletter capture
Product drops and waitlists
Lead generation landing pages
Brands wanting full design control over signup UX

50:["$","$L51",null,{"value":{"fallback":{"$inf$activity-creator-7bb1ca77-9fe0-4458-8f15-f3f680fe779f-all:/unified/creator/7bb1ca77-9fe0-4458-8f15-f3f680fe779f/activity/":[{"data":[{"id":"019fcd53-c7e6-74cc-b1a1-f23c4a3ee77a","type":"creator.followed","target":{"type":"creator","id":"bd056727-646e-4926-8cd9-8101d180670f","preview":"WORKSHOP99","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1359715/54g3r-1h1-3kuiEvOfgNtg4oiAQUDlCkmgVsbwMT","slug":"workshop99","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"7bb1ca77-9fe0-4458-8f15-f3f680fe779f","name":"Bryan Brunot","avatar":null,"slug":"bryan-brunot","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-04T15:10:47.777Z","latestAt":"2026-08-04T15:10:47.777Z"},{"id":"019fcd53-c489-775c-b3f0-53453ed28c0a","type":"creator.followed","target":{"type":"creator","id":"e384faea-043f-4f5c-bd25-070ec91488d7","preview":"FramerGeeks","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/65683/avatar-DpmNXlAfqaNbZuhHKKWXXcPtwRkgYh.jpg","slug":"framergeeks","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"7bb1ca77-9fe0-4458-8f15-f3f680fe779f","name":"Bryan Brunot","avatar":null,"slug":"bryan-brunot","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-04T15:10:46.909Z","latestAt":"2026-08-04T15:10:46.909Z"},{"id":"019fcd53-c314-7539-8a9a-f89d3d47c611","type":"creator.followed","target":{"type":"creator","id":"692f39c5-f4f2-4917-a261-1ea1f536bead","preview":"baptiste.fort","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/692f39c5-f4f2-4917-a261-1ea1f536bead/dmo7gla4","slug":"baptistefort","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"7bb1ca77-9fe0-4458-8f15-f3f680fe779f","name":"Bryan Brunot","avatar":null,"slug":"bryan-brunot","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-04T15:10:46.542Z","latestAt":"2026-08-04T15:10:46.542Z"},{"id":"019fcd53-b349-7226-9d91-e7ba5b153793","type":"creator.followed","target":{"type":"creator","id":"4646fd31-4eba-4c42-8e8e-68ef4f848fd8","preview":"Peush Jha","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/31194/avatar-4WafpCV2BWeCAJi7rkY7GjMf7YwL8z.jpg","slug":"peush-jha","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"7bb1ca77-9fe0-4458-8f15-f3f680fe779f","name":"Bryan Brunot","avatar":null,"slug":"bryan-brunot","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-04T15:10:42.496Z","latestAt":"2026-08-04T15:10:42.496Z"},{"id":"019fcd53-b15c-72ae-8a64-c1472c29bca0","type":"creator.followed","target":{"type":"creator","id":"92c2a437-4e58-4cd2-9a23-5fd81786f849","preview":"Webnity-X","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/92c2a437-4e58-4cd2-9a23-5fd81786f849/fs1ughi6","slug":"webnity-x","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"7bb1ca77-9fe0-4458-8f15-f3f680fe779f","name":"Bryan Brunot","avatar":null,"slug":"bryan-brunot","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-04T15:10:42.003Z","latestAt":"2026-08-04T15:10:42.003Z"},{"id":"019fcd53-a391-75d4-9082-c9c6de737180","type":"creator.followed","target":{"type":"creator","id":"476789a5-208b-4b9d-bbe3-183a4a84152b","preview":"Kirill Gipsov","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/476789a5-208b-4b9d-bbe3-183a4a84152b/nfxjeijb","slug":"kirill-gipsov","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"7bb1ca77-9fe0-4458-8f15-f3f680fe779f","name":"Bryan Brunot","avatar":null,"slug":"bryan-brunot","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-04T15:10:38.476Z","latestAt":"2026-08-04T15:10:38.476Z"},{"id":"019fcd53-9f95-74b8-a618-5c8931a72c0f","type":"creator.followed","target":{"type":"creator","id":"530618d4-39d4-4326-822e-6adc8a89643b","preview":"Renatho","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/530618d4-39d4-4326-822e-6adc8a89643b/1mfjjuaw","slug":"renatho","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"7bb1ca77-9fe0-4458-8f15-f3f680fe779f","name":"Bryan Brunot","avatar":null,"slug":"bryan-brunot","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-04T15:10:37.455Z","latestAt":"2026-08-04T15:10:37.455Z"},{"id":"019fcd53-9d6b-7268-96fa-23ef1055ddbe","type":"creator.followed","target":{"type":"creator","id":"b52ec26d-e0c3-4d1c-bddf-4dbf55338e4f","preview":"FrameBuild","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/238316/avatar-ELWQF8t3QI529f2aF3wSmDGBYHpPtI.jpg","slug":"framebuild","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"7bb1ca77-9fe0-4458-8f15-f3f680fe779f","name":"Bryan Brunot","avatar":null,"slug":"bryan-brunot","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-04T15:10:36.895Z","latestAt":"2026-08-04T15:10:36.895Z"},{"id":"019fcd53-9bb7-7359-95da-aa30d693151a","type":"creator.followed","target":{"type":"creator","id":"7b34ca5d-5f1b-47da-9ab6-dbafa98f7c64","preview":"Elias ALVES","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1986765/ZQCDW6564-Rd4a11uLlTKRXXJMOFXxqWVm8c2e46","slug":"elias-alves","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"7bb1ca77-9fe0-4458-8f15-f3f680fe779f","name":"Bryan Brunot","avatar":null,"slug":"bryan-brunot","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-04T15:10:36.451Z","latestAt":"2026-08-04T15:10:36.451Z"},{"id":"019fcd53-98d3-73ab-88a2-0bb3ae42a3bd","type":"creator.followed","target":{"type":"creator","id":"816424cf-2ddd-4aec-953f-da2606ba6960","preview":"1temporel","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1220847/avatar-H3Guf02DbtjlArEZQybHSkyuBeMXpP.jpg","slug":"1temporel","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"7bb1ca77-9fe0-4458-8f15-f3f680fe779f","name":"Bryan Brunot","avatar":null,"slug":"bryan-brunot","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-04T15:10:35.723Z","latestAt":"2026-08-04T15:10:35.723Z"},{"id":"019fcd53-95e4-732f-b2dc-015d03f43be1","type":"creator.followed","target":{"type":"creator","id":"58ba425b-1e92-44ed-a6e4-f8ce0c7a9d06","preview":"Hasan Mahmud","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/58ba425b-1e92-44ed-a6e4-f8ce0c7a9d06/y93myy2h","slug":"hasan-mahmud","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"7bb1ca77-9fe0-4458-8f15-f3f680fe779f","name":"Bryan Brunot","avatar":null,"slug":"bryan-brunot","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-04T15:10:34.967Z","latestAt":"2026-08-04T15:10:34.967Z"},{"id":"019fca69-ad57-7401-a433-a42cd78b0253","type":"template.liked","target":{"type":"template","id":"61898","preview":"Nudge","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/61898/nudge-wdAGEa9o4Syg6QuRvWUJOoY5zy7L9q","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"7bb1ca77-9fe0-4458-8f15-f3f680fe779f","name":"Bryan Brunot","avatar":null,"slug":"bryan-brunot","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-08-04T01:35:51.098Z","latestAt":"2026-08-04T01:35:51.098Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:7bb1ca77-9fe0-4458-8f15-f3f680fe779f:/unified/posts/?creator=7bb1ca77-9fe0-4458-8f15-f3f680fe779f&with=reposts":[{"data":[{"id":"019d4ee1-d7f2-7a69-8f61-59b51d6eb5f3","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"7bb1ca77-9fe0-4458-8f15-f3f680fe779f","name":"Bryan Brunot","slug":"bryan-brunot","avatar":null,"followed":false,"followsYou":false},"media":[],"resources":[{"id":"0DycEbbERA9OVPf9giHl","resolved":true,"title":"Floating Downloader","body":"

Floating Download Component

A download CTA people actually notice.

Two Styles

Comic — loud, sticker energyCard — clean, minimal

Switch instantly.

What It Does

Gently floats to pull attention.Expands on click to show:

Preview (optional)
Title + description
Download

Confetti hits, then resets.

Use It For

Anything downloadable — PDFs, templates, toolkits, case studies.Drop in a file URL and you’re done.

Make It Yours

Everything’s editable in Framer:

Copy + states
Colors + type
Motion + confetti
Optional preview

Tech

.tsx • React + Framer controls • no dependencies

Refund Policy

30-day returns if it doesn’t work as describedhello@bryanbrunot.com

","bodyJson":null,"introduction":"2 in 1 Animated floating download widget","slug":"floating-downloader","author":{"framerUserId":"7bb1ca77-9fe0-4458-8f15-f3f680fe779f","name":"Bryan Brunot","slug":"bryan-brunot","avatar":null,"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/0DycEbbERA9OVPf9giHl/floating-downloader-0hCoxpmuGVMFfxt7LoPEGol4w78HMO","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-03-14T19:07:00.949Z","updatedAt":"2026-04-02T15:44:46.756Z","publishedAt":"2026-04-02T15:48:36.978Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://floating-media-download.framer.website/floating-media-download","price":"7","paymentUrl":"https://contra.com/payment-link/d6zOECuh-floatin-media-download","workshop":false,"categories":[{"id":"c3e183d1-597a-4479-8a6f-244ae3c96f40","name":"Cards","slug":"cards"}],"lastSaveId":"IWyNETyPiXDJAbD1hyLi","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-04-02T15:48:36.978Z","updatedAt":"2026-04-02T15:48:36.978Z"},{"id":"019d2a87-116e-71ff-a373-9f9cc71a4d40","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"7bb1ca77-9fe0-4458-8f15-f3f680fe779f","name":"Bryan Brunot","slug":"bryan-brunot","avatar":null,"followed":false,"followsYou":false},"media":[],"resources":[{"id":"XbCK7ufIPoFSTAMQvhpx","resolved":true,"title":"Highlight Typewriter","body":"$52","bodyJson":null,"introduction":"A clean highlighted typewriter effect ","slug":"highlight-typewriter","author":{"framerUserId":"7bb1ca77-9fe0-4458-8f15-f3f680fe779f","name":"Bryan Brunot","slug":"bryan-brunot","avatar":null,"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/XbCK7ufIPoFSTAMQvhpx/highlight-typewriter-6bOv9ss7joB5abDC9PqK7F7mEIFx0Z","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-03-13T16:53:07.658Z","updatedAt":"2026-03-26T09:38:10.237Z","publishedAt":"2026-03-26T14:23:08.142Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://highlight-typewriter.framer.website/highlighter-typewriter","price":"5","paymentUrl":"https://contra.com/payment-link/oabJiwCW-highlight-typewriter-for-framer","workshop":false,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"m9fIv6M2EHvbA15XLWWR","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":13,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-03-26T14:23:08.142Z","updatedAt":"2026-03-26T14:23:08.142Z"},{"id":"019cdd5f-ed4b-75a3-8fa5-5f923a4133a1","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"7bb1ca77-9fe0-4458-8f15-f3f680fe779f","name":"Bryan Brunot","slug":"bryan-brunot","avatar":null,"followed":false,"followsYou":false},"media":[],"resources":[{"id":"64toMpZUEeyXlF2p1QT2","resolved":true,"title":"Klaviyo Signup Form","body":"$53","bodyJson":null,"introduction":"API-first Klaviyo email signup component","slug":"klaviyo-signup-form","author":{"framerUserId":"7bb1ca77-9fe0-4458-8f15-f3f680fe779f","name":"Bryan Brunot","slug":"bryan-brunot","avatar":null,"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/64toMpZUEeyXlF2p1QT2/klaviyo-signup-form-wOyW7vepujDdq6kBdaGOHMea671PGR","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-02-27T03:50:06.437Z","updatedAt":"2026-03-11T11:09:56.007Z","publishedAt":"2026-03-11T14:49:37.355Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://klayvio-sign-up.framer.website/klayvio-signup","price":"13","paymentUrl":"https://contra.com/products/fKTAapaz-klayvio-email-sign-up-component","workshop":false,"categories":[{"id":"bc230830-1d89-456e-96fe-6a9de5a801d0","name":"Forms","slug":"forms"}],"lastSaveId":"Cd5ttEQ0gbNO4TVqPCgO","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-03-11T14:49:37.355Z","updatedAt":"2026-03-11T14:49:37.355Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L54"}]