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:T404,

Why in the hell was creator dashboard removed? It doesn't make any sense to me.

This new UI is genuinely unnavigatable.

Creator dashboard was genuinely an extremely good and useful thing and all of a sudden it was removed and I can't even see how many users my components get, i dont even know where to go to update them or publish new ones or any of that.

Someone likes my component, I click on it, takes me to the screen of that component in which i can't see either views or likes or uses or pretty much anything.

What fascinates me with bigger companies is how they always manage to redesign a functioning thing into something prettier but genuinely inferior in the terms of UX including Framer. Same thing happens with Webflow, Figma, Meta Suite, and genuinely anything except maybe Steam.

Design was meant to solve problems, not redesign something just for the fuck of it so it looks nicer and completely annihilate previously functional and genuinely better patterns.

53:T404,

Why in the hell was creator dashboard removed? It doesn't make any sense to me.

This new UI is genuinely unnavigatable.

Someone likes my component, I click on it, takes me to the screen of that component in which i can't see either views or likes or uses or pretty much anything.

Design was meant to solve problems, not redesign something just for the fuck of it so it looks nicer and completely annihilate previously functional and genuinely better patterns.

54:Ta7d,

What is CMS Forge?

CMS Forge is a Framer CMS plugin for anyone managing large content libraries in Framer. Instead of editing collection items one by one, you work in a fast spreadsheet-style table: every field is a column, every CMS item is a row. Search, filter, sort, bulk edit, validate, and move data with CSV—all without leaving your Framer project.

Built for Framer designers, developers, and content teams who need bulk CMS editing, mass updates, and safer publishing workflows on the Framer Marketplace.

Key features

Spreadsheet table — Virtualized grid for large collections, sticky headers, and inline editing for text, numbers, booleans, dates, URLs, enums, and slugs.
Bulk editing — Find and replace, case transforms, prefixes and suffixes, slug-from-title, draft/publish status, multi-field selection, and preview-before-apply.
CSV export and import — Export full or filtered rows with item IDs and slugs. Import with column mapping, match by ID or slug, dry-run preview, and optional empty-field protection.
Validation — Surface duplicate slugs, invalid URLs, empty required fields, and long meta titles or descriptions before you publish.
Inspector panel — Select any row for field-level edits, image previews, and direct save to CMS.
Keyboard shortcuts — Cmd/Ctrl+S to apply changes, Cmd/Ctrl+F to focus search.

Who is it for?

Marketing and content sites with blogs, case studies, docs, or resource libraries
Agencies updating client Framer CMS content in bulk
Teams migrating, cleaning, or localizing collection data
Anyone who has outgrown single-item editing in Framer CMS

Framer CMS is ideal for structured content, but updating dozens or hundreds of items is slow. CMS Forge is a mass edit CMS tool that feels like a spreadsheet — purpose-built for Framer collections, with no external database required for everyday edits.

Safety first

Edits are staged until you apply them. Batch saves report success or failure per item. Validation highlights issues in the sidebar. Autosave stays off by default so you control when changes go live.

Getting started

Install CMS Forge from the Framer Marketplace, open a project with CMS collections, and launch the plugin from the collection view. Choose a collection, edit your content, and press Cmd+S when you are ready to sync.

Looking for a Framer plugin for CSV import, bulk CMS updates, or spreadsheet-style CMS management? CMS Forge is built for that workflow.

55:T67e,

Preflight helps Framer creators ship with fewer surprises. Instead of guessing whether alt text, page SEO, headings, links, or CMS fields are ready, you run one scan against your actual project and get a prioritized list you can act on immediately.

The free tier includes unlimited scans, category filters, a launch score, checklist view, and navigation to issues inside the editor. Preflight Pro adds unlimited markdown exports, full audit history, unlimited PageSpeed checks on your published site, and AI-assisted auto-fix through the cloud connector when the plugin stays open.

Preflight can connect with any MCP-supported AI agent, not just Claude. Claude is one supported option, but the workflow is designed to work with compatible MCP-based assistants so teams can use the AI setup that already fits their stack.

Preflight respects Framer permissions and checks access before writing to your project, which keeps the experience aligned with how teams collaborate. The AI integration is optional; the core audit works without it.

What is strong: fast feedback on real Framer data, clear severity levels, a free tier for everyday launch checks, and a workflow that keeps you inside the canvas. What to know: some checks depend on publish state or localization data, PageSpeed needs a public URL, and automated fixes require the right Framer role plus Pro.

Preflight is built for freelancers, studios, and in-house teams who want a practical pre-launch pass without leaving Framer. Created by Zlatko Marjanović as an independent Framer-focused tool for cleaner launches and fewer last-minute SEO and content oversights.

56:T6ad,

Real Cookie Consent Banner for Framer. Functional Script Blocking, Google Consent Mode, and Full Category Control

Most cookie banners in Framer are visual only. They look right but do nothing. Scripts still load before consent. Preferences are never actually saved. Visitors have no real control over tracking.

This component is different. It is a fully functional cookie consent management system built specifically for Framer — not just a styled banner, but a working consent layer that blocks scripts, saves choices, respects user preferences, and integrates with Google Consent Mode v2.

Built by Zlatko Marjanović, Webflow and Framer developer with 120+ client projects delivered.What Makes This Component Actually Functional

Work with me: https://www.upwork.com/freelancers/webflowzlatko

My website: zlatkomarjanovic.com

Insights: zlatkomarjanovic.com/blog

Follow me on X: https://x.com/thezlatkom

Follow me on Linkedin: https://www.linkedin.com/in/zlatkomarjanovic/

57:T4f5,

ImageHotspot is a powerful interactive component for Framer that transforms static images into engaging, clickable experiences. Instead of presenting information in long sections of text, you can place interactive hotspots directly on top of an image and reveal contextual details exactly where they matter.

Work with me: https://www.upwork.com/freelancers/webflowzlatko

My website: zlatkomarjanovic.com

Insights: zlatkomarjanovic.com/blog

Follow me on X: https://x.com/thezlatkom

Follow me on Linkedin: https://www.linkedin.com/in/zlatkomarjanovic/

58:T524,

InteractiveMap is a production grade world map component built for Framer that combines real geographic data with a clean technical interface designed for clarity and control. It renders accurate country geometry using Natural Earth data and a Mercator projection, allowing global data to be visualized with precision while remaining lightweight and responsive.

Work with me: https://www.upwork.com/freelancers/webflowzlatko

My website: zlatkomarjanovic.com

Insights: zlatkomarjanovic.com/blog

Follow me on X: https://x.com/thezlatkom

Follow me on Linkedin: https://www.linkedin.com/in/zlatkomarjanovic/

59:T56f,

CurvedTextPro is a production-ready curved typography component built for high-end marketing layouts. It renders text along precision SVG paths with seamless looping animation, stable responsive behavior, and zero visual artifacts. No rotation hacks. No letter-by-letter glitches. No layout breaking surprises.

It is designed for designers who want expressive typography with real control and predictable behavior inside Framer.

Work with me: https://www.upwork.com/freelancers/webflowzlatko

My website: zlatkomarjanovic.com

Insights: zlatkomarjanovic.com/blog

Follow me on X: https://x.com/thezlatkom

Follow me on Linkedin: https://www.linkedin.com/in/zlatkomarjanovic/

5a:Ta9b,

LivePurchaseFeed – Real-Time Social Proof for Framer

LivePurchaseFeed is a high-performance Framer code component built to increase conversion rates using real-time purchase notifications, signup activity, and upgrade events. It adds subtle, modern social proof to SaaS landing pages, pricing pages, product launches, and marketing funnels.

Key Features

Real-time purchase and signup notifications
Simulated mode with realistic names, cities, and plans
API mode with polling, timeout handling, and automatic fallback
Upload mode for fully controlled, hand-curated entries
Smooth enter and exit animations with reduced motion support
Optional stacked notifications with max stack control
Pause on hover and manual dismiss functionality
Optional sound ping on new activity
Light, dark, and auto theme support
Glass blur styling with soft shadows and rounded corners
Built-in status indicator (Live, Demo, Custom)

Built for Conversion Optimization

Increases perceived traction and product demand
Adds subtle FOMO marketing without being intrusive
Reinforces credibility on pricing and checkout pages
Improves trust signals for new SaaS products
Enhances landing page engagement metrics

API Data Format

Your endpoint should return either:

An array of objects: { name, action, product, city, timestamp }
Or an object containing { events: [...] }

The timestamp can be a number in milliseconds or a valid date string.

Work with me: https://www.upwork.com/freelancers/webflowzlatko

My website: zlatkomarjanovic.com

Insights: zlatkomarjanovic.com/blog

Follow me on X: https://x.com/thezlatkom

Follow me on Linkedin: https://www.linkedin.com/in/zlatkomarjanovic/

5b:T895,

What This Component Solves

Most iframe embeds load instantly, even if the visitor never scrolls to them. That can trigger heavy third-party scripts too early, increase network work, and hurt speed metrics.

Lazy IFrame delays the embed until it is actually needed, so your above-the-fold experience stays lightweight and responsive.

Core Features

Loads the iframe only when it enters view using IntersectionObserver
Loads once per URL to avoid duplicate work
Uses requestIdleCallback when available to mount during idle time
Holds layout space to avoid layout shift while loading
Works responsively inside Framer layouts
No external dependencies

Loading Experience

Instead of a blank box, Lazy IFrame can show a minimal glass-style loader that looks like a lightweight dashboard placeholder. This makes the loading state feel intentional and premium, without distracting motion.

Structured UI skeleton placeholder
Subtle shimmer animation
Customizable surface, accent, and shimmer speed
Keeps the page stable while the iframe initializes

Work with me: https://www.upwork.com/freelancers/webflowzlatko

My website: zlatkomarjanovic.com

Insights: zlatkomarjanovic.com/blog

Follow me on X: https://x.com/thezlatkom

Follow me on Linkedin: https://www.linkedin.com/in/zlatkomarjanovic/

5c:T80d,

GSAP Text Engine

Work with me: https://www.upwork.com/freelancers/webflowzlatko

My website: zlatkomarjanovic.com

Insights: zlatkomarjanovic.com/blog

Follow me on X: https://x.com/thezlatkom

Follow me on Linkedin: https://www.linkedin.com/in/zlatkomarjanovic/

Key Features

GSAP Text Engine ships with a comprehensive animation system designed for flexibility, performance, and creative control.

40+ GSAP animation presets including Fade, Slide, Blur, Scale, Rotate, Mask Reveal, Wave, Typewriter, Scramble Reveal, Glitch, Neon Flicker, Spin, Liquid Skew, Stamp Press, Perspective Tilt, Cascade Fall, Magnetic Pull, and more
Professional GSAP timelines and tweens for smooth, production-level motion
Multiple trigger modes for dynamic interaction control
Full timing, easing, and stagger customization
Character, word, and line split animation modes
Built-in typewriter and scramble effect controls
Inline gradient and stroke text styling
Responsive behavior with reduced-motion support

Each preset is carefully structured to maintain visual clarity while delivering strong visual impact. Whether you need subtle elegance or high-energy motion, you have the tools to fine-tune every detail.

5d:T44b,

These types of animations can take up to 30 minutes to make, and the reason for deploying them here is to save time in all future builds.

Work with me: https://www.upwork.com/freelancers/webflowzlatko

My website: zlatkomarjanovic.com

Insights: zlatkomarjanovic.com/blog

Follow me on X: https://x.com/thezlatkom

Follow me on Linkedin: https://www.linkedin.com/in/zlatkomarjanovic/

5e:T9c7,

Most video embeds destroy your page speed. A single YouTube iframe adds 500–700 KB of blocking JavaScript the moment your page loads — before anyone has even pressed play. LazyLoad Video loads nothing but a lightweight thumbnail until the viewer actually needs the video. The result is dramatically faster Time to Interactive, better Lighthouse scores, and a real-world loading experience that feels instant.

WHY THIS BEATS A NATIVE EMBED

YouTube's default embed loads its entire player runtime on page paint, whether or not the user ever watches the video. Vimeo's iframe is lighter but still triggers third-party scripts immediately. LazyLoad Video replaces all of that with a static image and a single IntersectionObserver listener, one of the most efficient browser APIs available. The heavy player only loads when it enters the viewport or when the user clicks. On pages with multiple videos, the difference in total page weight can be several megabytes.

PROVIDERS SUPPORTED

· YouTube — paste any link format: youtu.be, watch?v=, /shorts/, /live/, /embed/, or bare 11-character ID

· Vimeo — paste any Vimeo URL or numeric ID, thumbnail and title fetched automatically via oEmbed

· CDN / Direct URL — link to any hosted .mp4, .webm, or .mov file with full custom controls

· Upload — attach a video file directly from the Framer side panel, first frame extracted automatically as poster image

Work with me: https://www.upwork.com/freelancers/webflowzlatko

My website: zlatkomarjanovic.com

Insights: zlatkomarjanovic.com/blog

Follow me on X: https://x.com/thezlatkom

Follow me on Linkedin: https://www.linkedin.com/in/zlatkomarjanovic/

5f:T7a7,

Real Estate ROI Calculator for Investors and Agents

This advanced real estate ROI calculator helps property investors, landlords, real estate agents, and developers analyze rental property performance with precision. Built for modern real estate websites, this multi step calculator delivers accurate financial projections and conversion focused lead capture.

Calculate Key Investment Metrics

Monthly cash flow
Annual cash flow
Net operating income (NOI)
Capitalization rate (Cap Rate)
Cash on cash return
Debt service coverage ratio (DSCR)
Break even occupancy
Total profit over hold period
Annualized return
Future property value with appreciation

Whether you are analyzing a rental property, multifamily investment, short term rental, or buy and hold strategy, this ROI calculator gives you clear financial visibility.

Work with me: https://www.upwork.com/freelancers/webflowzlatko

My website: zlatkomarjanovic.com

Insights: zlatkomarjanovic.com/blog

Follow me on X: https://x.com/thezlatkom

Follow me on Linkedin: https://www.linkedin.com/in/zlatkomarjanovic/

60:T63c,

BeforeAfter Pro is a fully customizable before and after comparison component built specifically for Framer projects that demand performance, flexibility, and clean interaction design. It allows designers, agencies, SaaS companies, real estate platforms, and eCommerce brands to present visual transformations in an engaging, conversion-focused way.

Whether you are showcasing a website redesign, product upgrade, UI improvement, renovation project, photo retouching workflow, medical transformation, or digital agency case study, this component delivers a smooth and professional comparison experience without external dependencies.

Work with me: https://www.upwork.com/freelancers/webflowzlatko

My website: zlatkomarjanovic.com

Insights: zlatkomarjanovic.com/blog

Follow me on X: https://x.com/thezlatkom

Follow me on Linkedin: https://www.linkedin.com/in/zlatkomarjanovic/

61:T831,

INTRODUCTION

Display live cryptocurrency prices directly in your Framer project. CryptoCard connects to five professional data providers: CoinGecko, Binance, CoinMarketCap, Kraken, and CryptoCompare, and shows accurate, up-to-date prices, 24-hour highs and lows, trading volume, and historical price charts for over 40 top coins including Bitcoin, Ethereum, Solana, and more.

Built for designers who want production-ready crypto data without writing a single line of code. Drop it onto the canvas, pick your coin from the dropdown, choose your data provider, and go live in seconds.

What's Included

Live price ticker refreshing every 20 seconds
24-hour High, Low, and Volume statistics
Interactive historical price chart (7D · 1M · 6M · 1Y)
Range % change indicator with up/down colour coding
Animated LIVE pulse badge
Automatic coin icon with ticker label fallback
Exact error messages with HTTP status code, plain-English hint, Retry button, and a direct link to the provider's documentation

Work with me: https://www.upwork.com/freelancers/webflowzlatko

My website: zlatkomarjanovic.com

Insights: zlatkomarjanovic.com/blog

Follow me on X: https://x.com/thezlatkom

Follow me on Linkedin: https://www.linkedin.com/in/zlatkomarjanovic/

62:T8b3,

Fully Customizable Charts for Framer. The #1 Chart Component for Framer Designers & Developers

Build powerful, dynamic, production-grade charts directly inside Framer. No external dashboards. No design limitations. No complexity. 100% free.

About

ChartJS Pro is the most advanced and flexible chart component available for Framer. Built on ChartJS v4 and optimized specifically for Framer’s layout engine, it gives you complete control over visual data presentation without writing a single line of code.

Unlike limited chart plugins, static embeds, or iframe-based solutions, this component is fully native to Framer. It adapts seamlessly to your design system, supports complex multi-dataset configurations, and maintains pixel-perfect responsiveness across breakpoints.

Whether you are building SaaS dashboards, fintech products, analytics platforms, crypto apps, investor reports, internal tools, or high-converting marketing pages, this component delivers production-grade data visualization with complete creative freedom.

Everything runs directly inside Framer. No external dashboards required. No API setup required unless you explicitly want to connect live data.

This is the definitive chart solution for Framer.

Work with me: https://www.upwork.com/freelancers/webflowzlatko

My website: zlatkomarjanovic.com

Insights: zlatkomarjanovic.com/blog

Follow me on X: https://x.com/thezlatkom

Follow me on Linkedin: https://www.linkedin.com/in/zlatkomarjanovic/

50:["$","$L51",null,{"value":{"fallback":{"$inf$activity-creator-537ac2be-4d40-4c3a-837b-ed17e24ae93a-all:/unified/creator/537ac2be-4d40-4c3a-837b-ed17e24ae93a/activity/":[{"data":[{"id":"019f6d20-45bc-762c-bd35-255045af5b61","type":"creator.followed","target":{"type":"creator","id":"e88837c5-f55e-4af0-994c-d3a7e9fbf204","preview":"Aamir Fahad","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e88837c5-f55e-4af0-994c-d3a7e9fbf204/y8fwkimj","slug":"aamir-fahad","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"537ac2be-4d40-4c3a-837b-ed17e24ae93a","name":"Zlatko Marjanović","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/332632/avatar-3tnx5Af5LDy2fzl1PlvjFhs9mWLpFw.jpg","slug":"zlatkom","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-16T22:50:59.380Z","latestAt":"2026-07-16T22:50:59.380Z"},{"id":"019f51d9-c030-71fe-bcaa-98a613117c6f","type":"creator.followed","target":{"type":"creator","id":"b1bdb7ba-d401-49fd-a092-dbbb5bbcdb15","preview":"Tamer Pixels","previewJson":null,"thumbnail":"https://framerusercontent.com/avatars/users/b1bdb7ba-d401-49fd-a092-dbbb5bbcdb15/oPV0o8j3k","slug":"tamer-pixels","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"537ac2be-4d40-4c3a-837b-ed17e24ae93a","name":"Zlatko Marjanović","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/332632/avatar-3tnx5Af5LDy2fzl1PlvjFhs9mWLpFw.jpg","slug":"zlatkom","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-11T15:44:12.837Z","latestAt":"2026-07-11T15:44:12.837Z"},{"id":"019ed5ee-e950-700a-b63f-8c89a50af152","type":"creator.followed","target":{"type":"creator","id":"5adc9354-58b8-41ef-8dc9-9b6c8b000586","preview":"David McBacon","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/140422/avatar-NVixyvekUcyiULLqZX1744W2h9tJlQ.jpg","slug":"david-mcbacon","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"537ac2be-4d40-4c3a-837b-ed17e24ae93a","name":"Zlatko Marjanović","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/332632/avatar-3tnx5Af5LDy2fzl1PlvjFhs9mWLpFw.jpg","slug":"zlatkom","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-17T14:14:24.835Z","latestAt":"2026-06-17T14:14:24.835Z"},{"id":"019ed5ee-e807-7336-b29f-01e5fcd19e49","type":"creator.followed","target":{"type":"creator","id":"2906a981-0160-4c99-8dfe-830c9e42e814","preview":"Jasper @ Vibrant","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2906a981-0160-4c99-8dfe-830c9e42e814/9ohjq8zd","slug":"vibrant-digital","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"537ac2be-4d40-4c3a-837b-ed17e24ae93a","name":"Zlatko Marjanović","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/332632/avatar-3tnx5Af5LDy2fzl1PlvjFhs9mWLpFw.jpg","slug":"zlatkom","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-17T14:14:24.516Z","latestAt":"2026-06-17T14:14:24.516Z"},{"id":"019ed5ee-e470-706d-92e7-3669dbe0d477","type":"creator.followed","target":{"type":"creator","id":"b281ab49-6fd2-4780-911f-6e5151188f85","preview":"Donart Selimi","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/165057/uiNuKRA8H-C5qvwE7DkuPraUwtBL2TKZ4FlClbvM","slug":"donart-s","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"537ac2be-4d40-4c3a-837b-ed17e24ae93a","name":"Zlatko Marjanović","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/332632/avatar-3tnx5Af5LDy2fzl1PlvjFhs9mWLpFw.jpg","slug":"zlatkom","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-17T14:14:23.597Z","latestAt":"2026-06-17T14:14:23.597Z"},{"id":"019ed5ee-e20c-760c-9cda-cd04805c5d74","type":"creator.followed","target":{"type":"creator","id":"145266b7-4a55-4a3b-80a1-ecffbd4346ee","preview":"Aathif Thajudeen","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1014411/avatar-3hhQ5xrvrHyPqcZW2PL4D8an7mFCGm.jpg","slug":"aathif-thajudeen","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"537ac2be-4d40-4c3a-837b-ed17e24ae93a","name":"Zlatko Marjanović","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/332632/avatar-3tnx5Af5LDy2fzl1PlvjFhs9mWLpFw.jpg","slug":"zlatkom","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-17T14:14:22.984Z","latestAt":"2026-06-17T14:14:22.984Z"},{"id":"019ed5ee-dfb2-70df-9e13-9ce095c254e4","type":"creator.followed","target":{"type":"creator","id":"7233f7ab-ddec-4da6-bfaf-028a3d983408","preview":"Zineddine Kessaimi","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7233f7ab-ddec-4da6-bfaf-028a3d983408/5f7b74k1","slug":"zineddine-kessaimi","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"537ac2be-4d40-4c3a-837b-ed17e24ae93a","name":"Zlatko Marjanović","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/332632/avatar-3tnx5Af5LDy2fzl1PlvjFhs9mWLpFw.jpg","slug":"zlatkom","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-17T14:14:22.378Z","latestAt":"2026-06-17T14:14:22.378Z"},{"id":"019ed5ee-aa04-743e-bc98-b4f37bd7ecdf","type":"creator.followed","target":{"type":"creator","id":"20b794d8-b712-479d-8572-13812d589ab6","preview":"Floyka Design Studio","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/62848/avatar-FieFvLtWCfpmdsGVre1bpgGPZl1iGN.jpg","slug":"floyka","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"537ac2be-4d40-4c3a-837b-ed17e24ae93a","name":"Zlatko Marjanović","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/332632/avatar-3tnx5Af5LDy2fzl1PlvjFhs9mWLpFw.jpg","slug":"zlatkom","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-17T14:14:08.640Z","latestAt":"2026-06-17T14:14:08.640Z"},{"id":"019ed5ca-0e78-7051-ae77-717f4d34743d","type":"creator.followed","target":{"type":"creator","id":"a2369ebd-2c3c-486f-8b19-4f334b6babd4","preview":"Adam","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2246732/avatar-EuONuyZ2P0XZgaJKo4lVmVYc0qLPf7.jpg","slug":"adam-p-iu0lwb","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"537ac2be-4d40-4c3a-837b-ed17e24ae93a","name":"Zlatko Marjanović","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/332632/avatar-3tnx5Af5LDy2fzl1PlvjFhs9mWLpFw.jpg","slug":"zlatkom","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-17T13:34:09.522Z","latestAt":"2026-06-17T13:34:09.522Z"},{"id":"019ed5ca-0924-7293-b242-b3616401d5a2","type":"creator.followed","target":{"type":"creator","id":"4a5b3c66-0cb4-4306-91d6-b4597a1e72ad","preview":"Lazar Filipović","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/4a5b3c66-0cb4-4306-91d6-b4597a1e72ad/k1bzpitr","slug":"filipoviclazar","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"537ac2be-4d40-4c3a-837b-ed17e24ae93a","name":"Zlatko Marjanović","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/332632/avatar-3tnx5Af5LDy2fzl1PlvjFhs9mWLpFw.jpg","slug":"zlatkom","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-17T13:34:08.157Z","latestAt":"2026-06-17T13:34:08.157Z"},{"id":"019ed5ca-069b-745a-8ce4-a1a3261b9c3d","type":"creator.followed","target":{"type":"creator","id":"c4cf1cf4-0b77-4f1d-ac6b-98070517ae59","preview":"Anton Drukarov","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/97409/avatar-dRsCL3KMq7C48B5rqFPYhB82Svdcq7.jpg","slug":"anton-drukarov","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"537ac2be-4d40-4c3a-837b-ed17e24ae93a","name":"Zlatko Marjanović","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/332632/avatar-3tnx5Af5LDy2fzl1PlvjFhs9mWLpFw.jpg","slug":"zlatkom","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-17T13:34:07.511Z","latestAt":"2026-06-17T13:34:07.511Z"},{"id":"019ed5ca-030b-71c9-ad6f-0fadd9690454","type":"creator.followed","target":{"type":"creator","id":"2a425ad9-c342-4590-af3c-88a1f3875e22","preview":"Sanna Granqvist","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2a425ad9-c342-4590-af3c-88a1f3875e22/a2khusgj","slug":"sanna-granqvist","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"537ac2be-4d40-4c3a-837b-ed17e24ae93a","name":"Zlatko Marjanović","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/332632/avatar-3tnx5Af5LDy2fzl1PlvjFhs9mWLpFw.jpg","slug":"zlatkom","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-17T13:34:06.600Z","latestAt":"2026-06-17T13:34:06.600Z"},{"id":"019ed5ca-0074-7349-adc5-d72c62e19ac2","type":"creator.followed","target":{"type":"creator","id":"dc98f1be-a0bd-42b9-af5e-de557e41dcbb","preview":"Michał Opałka","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/330996/avatar-S2Mi2GNZUVDQL2oJVbSDuTD0SS8M2r.jpg","slug":"midtone","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"537ac2be-4d40-4c3a-837b-ed17e24ae93a","name":"Zlatko Marjanović","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/332632/avatar-3tnx5Af5LDy2fzl1PlvjFhs9mWLpFw.jpg","slug":"zlatkom","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-17T13:34:05.937Z","latestAt":"2026-06-17T13:34:05.937Z"},{"id":"019ed5c9-fb72-748e-8698-a188c28f936a","type":"creator.followed","target":{"type":"creator","id":"4d4d9333-ef11-4e84-9c52-2a026fb91e1f","preview":"Lee Black","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/72198/avatar-tITRI6fWrDA7ScuROCY5fJUlpsKNXj.jpg","slug":"leeblack","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"537ac2be-4d40-4c3a-837b-ed17e24ae93a","name":"Zlatko Marjanović","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/332632/avatar-3tnx5Af5LDy2fzl1PlvjFhs9mWLpFw.jpg","slug":"zlatkom","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-17T13:34:04.654Z","latestAt":"2026-06-17T13:34:04.654Z"},{"id":"019ed5c9-f78e-767b-b2cf-9ebc84a73051","type":"creator.followed","target":{"type":"creator","id":"8a45159b-4e04-4c69-959a-a82bac252c4b","preview":"Flowgen Studio","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/8a45159b-4e04-4c69-959a-a82bac252c4b/md2qmufb","slug":"flowgen-studio","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"537ac2be-4d40-4c3a-837b-ed17e24ae93a","name":"Zlatko Marjanović","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/332632/avatar-3tnx5Af5LDy2fzl1PlvjFhs9mWLpFw.jpg","slug":"zlatkom","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-17T13:34:03.657Z","latestAt":"2026-06-17T13:34:03.657Z"},{"id":"019ed5c9-f3f7-76ee-b76d-b9717cf7935d","type":"creator.followed","target":{"type":"creator","id":"7acc44a9-1d04-435f-ab18-0fbac19933de","preview":"Sk Shohid Hossain","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/39568/avatar-y2O54tlJu2wcObqEIIAmtBf3bjiCrA.jpg","slug":"sk-shohid-hossain","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"537ac2be-4d40-4c3a-837b-ed17e24ae93a","name":"Zlatko Marjanović","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/332632/avatar-3tnx5Af5LDy2fzl1PlvjFhs9mWLpFw.jpg","slug":"zlatkom","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-17T13:34:02.739Z","latestAt":"2026-06-17T13:34:02.739Z"},{"id":"019ed5c9-f127-7409-815a-f500875c48b3","type":"creator.followed","target":{"type":"creator","id":"ff0f98d7-b50b-47bd-8e10-e3a915bc35c5","preview":"Faruk Yurtseven","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29493/avatar-D1CzrxAxTpGS8CfftTAscRgWudPhrs.jpg","slug":"faruk-yurtseven","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"537ac2be-4d40-4c3a-837b-ed17e24ae93a","name":"Zlatko Marjanović","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/332632/avatar-3tnx5Af5LDy2fzl1PlvjFhs9mWLpFw.jpg","slug":"zlatkom","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-17T13:34:02.019Z","latestAt":"2026-06-17T13:34:02.019Z"},{"id":"019ed5c9-ec21-778c-9267-69764ae6eb0e","type":"creator.followed","target":{"type":"creator","id":"a91eaf50-38e6-4245-a565-6da5baac0c8f","preview":"Floris","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29148/avatar-wVFFwwtYMrHFHJBKoCYdC0bjuvscjO.jpg","slug":"floris","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"537ac2be-4d40-4c3a-837b-ed17e24ae93a","name":"Zlatko Marjanović","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/332632/avatar-3tnx5Af5LDy2fzl1PlvjFhs9mWLpFw.jpg","slug":"zlatkom","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-17T13:34:00.733Z","latestAt":"2026-06-17T13:34:00.733Z"},{"id":"019ed5c9-e7f1-706a-b6aa-4e0995fd73bc","type":"creator.followed","target":{"type":"creator","id":"bcb94bf9-7aa9-40d7-b681-19421ce62bd3","preview":"Ahmet Loca","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/107742/avatar-FjO7QBJgG4WwbY6uS5eymN55rN0btF.jpg","slug":"ahmet-loca","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"537ac2be-4d40-4c3a-837b-ed17e24ae93a","name":"Zlatko Marjanović","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/332632/avatar-3tnx5Af5LDy2fzl1PlvjFhs9mWLpFw.jpg","slug":"zlatkom","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-17T13:33:59.661Z","latestAt":"2026-06-17T13:33:59.661Z"},{"id":"019ed5c9-e2e4-707a-bf9f-7269657f7fe8","type":"creator.followed","target":{"type":"creator","id":"e04d7330-3f39-489b-aa25-3988328fdbd6","preview":"Mamun Hossain","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e04d7330-3f39-489b-aa25-3988328fdbd6/gef1l2lh","slug":"mamun-hossain","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"537ac2be-4d40-4c3a-837b-ed17e24ae93a","name":"Zlatko Marjanović","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/332632/avatar-3tnx5Af5LDy2fzl1PlvjFhs9mWLpFw.jpg","slug":"zlatkom","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-17T13:33:58.367Z","latestAt":"2026-06-17T13:33:58.367Z"}],"pagination":{"next":"MjAyNi0wNi0xN1QxMzozMzo1OC4zNjdafDAxOWVkNWM5LWUyZTQtNzA3YS1iZjlmLTcyNjk2NTdmN2ZlOA","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:537ac2be-4d40-4c3a-837b-ed17e24ae93a:/unified/posts/?creator=537ac2be-4d40-4c3a-837b-ed17e24ae93a&with=reposts":[{"data":[{"id":"01a08bae-47f8-767c-a15a-0c0a18996b81","title":null,"body":"$52","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Why in the hell was creator dashboard removed? It doesn't make any sense to me. "}]},{"type":"paragraph","content":[{"type":"text","text":"This new UI is genuinely unnavigatable. "}]},{"type":"paragraph","content":[{"type":"text","text":"Creator dashboard was genuinely an extremely good and useful thing and all of a sudden it was removed and I can't even see how many users my components get, i dont even know where to go to update them or publish new ones or any of that. "}]},{"type":"paragraph","content":[{"type":"text","text":"Someone likes my component, I click on it, takes me to the screen of that component in which i can't see either views or likes or uses or pretty much anything. "}]},{"type":"paragraph","content":[{"type":"text","text":"What fascinates me with bigger companies is how they always manage to redesign a functioning thing into something prettier but genuinely inferior in the terms of UX including Framer. Same thing happens with Webflow, Figma, Meta Suite, and genuinely anything except maybe Steam."}]},{"type":"paragraph","content":[{"type":"text","text":"Design was meant to solve problems, not redesign something just for the fuck of it so it looks nicer and completely annihilate previously functional and genuinely better patterns. "}]}]},"author":{"framerUserId":"537ac2be-4d40-4c3a-837b-ed17e24ae93a","name":"Zlatko Marjanović","slug":"zlatkom","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/332632/avatar-3tnx5Af5LDy2fzl1PlvjFhs9mWLpFw.jpg","followed":false,"followsYou":false},"media":[],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":6,"liked":false},"comments":{"count":2},"reposts":{"count":1,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-10T14:17:29.852Z","updatedAt":"2026-09-10T14:17:29.852Z","repostedBy":{"creator":{"framerUserId":"537ac2be-4d40-4c3a-837b-ed17e24ae93a","name":"Zlatko Marjanović","slug":"zlatkom","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/332632/avatar-3tnx5Af5LDy2fzl1PlvjFhs9mWLpFw.jpg"},"repostId":"01a08bb2-fe3a-777e-aef7-693a329ab217","repostedAt":"2026-09-10T14:22:38.651Z"}},{"id":"01a08bae-47f8-767c-a15a-0c0a18996b81","title":null,"body":"$53","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Why in the hell was creator dashboard removed? It doesn't make any sense to me. "}]},{"type":"paragraph","content":[{"type":"text","text":"This new UI is genuinely unnavigatable. "}]},{"type":"paragraph","content":[{"type":"text","text":"Creator dashboard was genuinely an extremely good and useful thing and all of a sudden it was removed and I can't even see how many users my components get, i dont even know where to go to update them or publish new ones or any of that. "}]},{"type":"paragraph","content":[{"type":"text","text":"Someone likes my component, I click on it, takes me to the screen of that component in which i can't see either views or likes or uses or pretty much anything. "}]},{"type":"paragraph","content":[{"type":"text","text":"What fascinates me with bigger companies is how they always manage to redesign a functioning thing into something prettier but genuinely inferior in the terms of UX including Framer. Same thing happens with Webflow, Figma, Meta Suite, and genuinely anything except maybe Steam."}]},{"type":"paragraph","content":[{"type":"text","text":"Design was meant to solve problems, not redesign something just for the fuck of it so it looks nicer and completely annihilate previously functional and genuinely better patterns. "}]}]},"author":{"framerUserId":"537ac2be-4d40-4c3a-837b-ed17e24ae93a","name":"Zlatko Marjanović","slug":"zlatkom","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/332632/avatar-3tnx5Af5LDy2fzl1PlvjFhs9mWLpFw.jpg","followed":false,"followsYou":false},"media":[],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":6,"liked":false},"comments":{"count":2},"reposts":{"count":1,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-10T14:17:29.852Z","updatedAt":"2026-09-10T14:17:29.852Z"},{"id":"019f51da-c257-74ee-ab26-70feb3c94b5f","title":null,"body":"

Hey guys, I've noticed I've been getting lots of followers here, just wanted to thank you all, you can also follow me on X: https://x.com/thezlatkom

Feel free to read my latest articel at: https://www.zlatkomarjanovic.com/blog/web-4-0-everything-you-need-to-know

And join my email list 🙂

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hey guys, I've noticed I've been getting lots of followers here, just wanted to thank you all, you can also follow me on X: "},{"type":"text","text":"https://x.com/thezlatkom","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://x.com/thezlatkom","target":"_blank"}}]},{"type":"text","text":" "}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Feel free to read my latest articel at: "},{"type":"text","text":"https://www.zlatkomarjanovic.com/blog/web-4-0-everything-you-need-to-know","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://www.zlatkomarjanovic.com/blog/web-4-0-everything-you-need-to-know","target":"_blank"}}]},{"type":"text","text":" "}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"And join my email list "},{"type":"emoji","attrs":{"name":"slightly_smiling_face","emoji":"🙂"}},{"type":"text","text":" "}]}]},"author":{"framerUserId":"537ac2be-4d40-4c3a-837b-ed17e24ae93a","name":"Zlatko Marjanović","slug":"zlatkom","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/332632/avatar-3tnx5Af5LDy2fzl1PlvjFhs9mWLpFw.jpg","followed":false,"followsYou":false},"media":[{"type":"link-preview","url":"https://www.zlatkomarjanovic.com/blog/web-4-0-everything-you-need-to-know","metadata":{"title":"What Is Web 4.0? Everything You Need to Know","description":"A personal walk through Web 1.0 to Web 4.0, and a prediction for what Web 5.0 looks like.","imageUrl":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/opengraph/92a66c322e9de2ce/image.png","siteName":"Zlatko Marjanovic","faviconUrl":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/opengraph/92a66c322e9de2ce/favicon.svg"}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":6,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-11T15:45:18.941Z","updatedAt":"2026-07-11T15:45:18.941Z"},{"id":"019e6caf-3670-785c-8702-d56f23af9d61","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"537ac2be-4d40-4c3a-837b-ed17e24ae93a","name":"Zlatko Marjanović","slug":"zlatkom","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/332632/avatar-3tnx5Af5LDy2fzl1PlvjFhs9mWLpFw.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"1180","resolved":true,"title":"CMS Forge","body":"$54","bodyJson":null,"introduction":"CMS Forge - Bulk-edit CMS Tool","slug":"cms-forge","author":{"framerUserId":"537ac2be-4d40-4c3a-837b-ed17e24ae93a","name":"Zlatko Marjanović","slug":"zlatkom","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/332632/avatar-3tnx5Af5LDy2fzl1PlvjFhs9mWLpFw.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/plugins/1180-FUpckCMCWqWLnKmayA0jeS5vdhKew4","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/plugins/1180-y7YKgJlPH1oHkKagKMxR1DFH4gz6Zk","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-05-17T17:51:02.462Z","updatedAt":"2026-05-26T15:32:38.420Z","publishedAt":"2026-05-28T03:44:42.608Z","featuredAt":null,"approvedAt":null,"type":"plugin","attributes":{"framerPluginId":"duq7j5y9mgzyequluj8rgdbvd","paid":false,"categories":[{"id":"1ad3e7b2-bc61-42ce-b01a-7c8bb2278f1a","name":"CMS","slug":"cms"}],"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-05-28T03:44:42.608Z","updatedAt":"2026-05-28T03:44:42.608Z"},{"id":"019e4629-c9ef-7c4f-b430-da55148d3698","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"537ac2be-4d40-4c3a-837b-ed17e24ae93a","name":"Zlatko Marjanović","slug":"zlatkom","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/332632/avatar-3tnx5Af5LDy2fzl1PlvjFhs9mWLpFw.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"1175","resolved":true,"title":"Preflight","body":"$55","bodyJson":null,"introduction":"Website Audit Tool With Claude","slug":"preflight","author":{"framerUserId":"537ac2be-4d40-4c3a-837b-ed17e24ae93a","name":"Zlatko Marjanović","slug":"zlatkom","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/332632/avatar-3tnx5Af5LDy2fzl1PlvjFhs9mWLpFw.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/plugins/1175-cyaIHHYr67z3eRXfHcNZhbpYcz4ptd","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/plugins/1175-dOdD4cxQEAwWxTEaXy7BD5ziOfXyID","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/plugins/1175-IVFw2rPhbyejupJoqvJDzu5KuvZbOW","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-05-16T23:04:40.436Z","updatedAt":"2026-05-20T17:45:05.940Z","publishedAt":"2026-05-20T16:13:24.335Z","featuredAt":null,"approvedAt":null,"type":"plugin","attributes":{"framerPluginId":"2fjkh4tw7anzpeuc1d73erfqx","paid":false,"categories":[{"id":"3fc802d9-7527-48e0-9403-c9bd534ab520","name":"Utilities","slug":"utilities"}],"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-05-20T16:13:24.335Z","updatedAt":"2026-05-20T16:13:24.335Z"},{"id":"019e17c0-1ff2-7a77-8567-5dfa962a032f","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"537ac2be-4d40-4c3a-837b-ed17e24ae93a","name":"Zlatko Marjanović","slug":"zlatkom","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/332632/avatar-3tnx5Af5LDy2fzl1PlvjFhs9mWLpFw.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"TtKEzUvlqAPD08r2WT7W","resolved":true,"title":"Free Cookie Consent","body":"$56","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Real Cookie Consent Banner for Framer. Functional Script Blocking, Google Consent Mode, and Full Category Control"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Most cookie banners in Framer are visual only. They look right but do nothing. Scripts still load before consent. Preferences are never actually saved. Visitors have no real control over tracking."}]},{"type":"paragraph","content":[{"type":"text","text":"This component is different. It is a fully functional cookie consent management system built specifically for Framer — not just a styled banner, but a working consent layer that blocks scripts, saves choices, respects user preferences, and integrates with Google Consent Mode v2."}]},{"type":"customHeading","content":[{"type":"text","text":"Built by Zlatko Marjanović, Webflow and Framer developer with 120+ client projects delivered.What Makes This Component Actually Functional"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Work with me: ","marks":[{"type":"bold"}]},{"type":"text","text":"https://www.upwork.com/freelancers/webflowzlatko","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://www.upwork.com/freelancers/webflowzlatko","target":"_blank"}},{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"My website: ","marks":[{"type":"bold"}]},{"type":"text","text":"zlatkomarjanovic.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"http://zlatkomarjanovic.com","target":"_blank"}},{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Insights: ","marks":[{"type":"bold"}]},{"type":"text","text":"zlatkomarjanovic.com/blog","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"http://zlatkomarjanovic.com/blog","target":"_blank"}},{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Follow me on X: ","marks":[{"type":"bold"}]},{"type":"text","text":"https://x.com/thezlatkom","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://x.com/thezlatkom","target":"_blank"}},{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Follow me on Linkedin: ","marks":[{"type":"bold"}]},{"type":"text","text":"https://www.linkedin.com/in/zlatkomarjanovic/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://www.linkedin.com/in/zlatkomarjanovic/","target":"_blank"}},{"type":"bold"}]}]}]},"introduction":"Cookie Consent Banner for Framer","slug":"free-cookie-consent","author":{"framerUserId":"537ac2be-4d40-4c3a-837b-ed17e24ae93a","name":"Zlatko Marjanović","slug":"zlatkom","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/332632/avatar-3tnx5Af5LDy2fzl1PlvjFhs9mWLpFw.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/TtKEzUvlqAPD08r2WT7W/free-cookie-consent-KG6eiiCzLP8HUQh5mYeMxii5ndNipH","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-04-29T00:24:52.491Z","updatedAt":"2026-09-10T14:30:20.906Z","publishedAt":"2026-05-11T15:55:27.602Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://hy.chujiqiqi.com/m/CookieConsent-ThLpvy.js@pDSMdvMpMH1qFXjPsryw","previewUrl":"https://daring-tribute-650076.framer.app/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"bc230830-1d89-456e-96fe-6a9de5a801d0","name":"Forms","slug":"forms"}],"lastSaveId":"pDSMdvMpMH1qFXjPsryw","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":20,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-05-11T15:55:27.602Z","updatedAt":"2026-05-11T15:55:27.602Z"},{"id":"019e0866-ce2e-7b13-bd2f-d1648884c827","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"537ac2be-4d40-4c3a-837b-ed17e24ae93a","name":"Zlatko Marjanović","slug":"zlatkom","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/332632/avatar-3tnx5Af5LDy2fzl1PlvjFhs9mWLpFw.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"ken04bkaZXr26wbHjki9","resolved":true,"title":"Free Image Hotspot","body":"$57","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"ImageHotspot is a powerful interactive component for Framer that transforms static images into engaging, clickable experiences. Instead of presenting information in long sections of text, you can place interactive hotspots directly on top of an image and reveal contextual details exactly where they matter."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Work with me: ","marks":[{"type":"bold"}]},{"type":"text","text":"https://www.upwork.com/freelancers/webflowzlatko","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://www.upwork.com/freelancers/webflowzlatko","target":"_blank"}},{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"My website: ","marks":[{"type":"bold"}]},{"type":"text","text":"zlatkomarjanovic.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"http://zlatkomarjanovic.com","target":"_blank"}},{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Insights: ","marks":[{"type":"bold"}]},{"type":"text","text":"zlatkomarjanovic.com/blog","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"http://zlatkomarjanovic.com/blog","target":"_blank"}},{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Follow me on X: ","marks":[{"type":"bold"}]},{"type":"text","text":"https://x.com/thezlatkom","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://x.com/thezlatkom","target":"_blank"}},{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Follow me on Linkedin: ","marks":[{"type":"bold"}]},{"type":"text","text":"https://www.linkedin.com/in/zlatkomarjanovic/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://www.linkedin.com/in/zlatkomarjanovic/","target":"_blank"}},{"type":"bold"}]}]}]},"introduction":"Image Hotspots for Framer","slug":"free-image-hotspot","author":{"framerUserId":"537ac2be-4d40-4c3a-837b-ed17e24ae93a","name":"Zlatko Marjanović","slug":"zlatkom","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/332632/avatar-3tnx5Af5LDy2fzl1PlvjFhs9mWLpFw.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/ken04bkaZXr26wbHjki9/free-image-hotspot-UIOD70NLf5reynE7ss0QXWVVUKThyt","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-04-29T14:53:59.332Z","updatedAt":"2026-09-10T14:30:55.954Z","publishedAt":"2026-05-08T16:23:35.726Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://hy.chujiqiqi.com/m/ImageHotspot-JSwszM.js@uOuT3u8DtB4Et9QePHKr","previewUrl":"https://ivory-taxonomy-137599.framer.app/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"cd81cc33-d6cf-4630-8e59-b5b3100166ba","name":"Buttons","slug":"buttons"}],"lastSaveId":"uOuT3u8DtB4Et9QePHKr","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":16,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-05-08T16:23:35.726Z","updatedAt":"2026-05-08T16:23:35.726Z"},{"id":"019d2052-1a01-71bb-8721-f4306bf64fff","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"537ac2be-4d40-4c3a-837b-ed17e24ae93a","name":"Zlatko Marjanović","slug":"zlatkom","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/332632/avatar-3tnx5Af5LDy2fzl1PlvjFhs9mWLpFw.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"XGdhMzIiAhFFrgjeXoLC","resolved":true,"title":"MapEmbedByZ","body":"$58","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"InteractiveMap is a production grade world map component built for Framer that combines real geographic data with a clean technical interface designed for clarity and control. It renders accurate country geometry using Natural Earth data and a Mercator projection, allowing global data to be visualized with precision while remaining lightweight and responsive."}]},{"type":"paragraph","content":[{"type":"text","text":"Work with me: ","marks":[{"type":"bold"}]},{"type":"text","text":"https://www.upwork.com/freelancers/webflowzlatko","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://www.upwork.com/freelancers/webflowzlatko","target":"_blank"}},{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"My website: ","marks":[{"type":"bold"}]},{"type":"text","text":"zlatkomarjanovic.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"http://zlatkomarjanovic.com","target":"_blank"}},{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Insights: ","marks":[{"type":"bold"}]},{"type":"text","text":"zlatkomarjanovic.com/blog","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"http://zlatkomarjanovic.com/blog","target":"_blank"}},{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Follow me on X: ","marks":[{"type":"bold"}]},{"type":"text","text":"https://x.com/thezlatkom","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://x.com/thezlatkom","target":"_blank"}},{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Follow me on Linkedin: ","marks":[{"type":"bold"}]},{"type":"text","text":"https://www.linkedin.com/in/zlatkomarjanovic/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://www.linkedin.com/in/zlatkomarjanovic/","target":"_blank"}},{"type":"bold"}]}]}]},"introduction":"Framer Map Component by Zlatko M","slug":"mapembedbyz","author":{"framerUserId":"537ac2be-4d40-4c3a-837b-ed17e24ae93a","name":"Zlatko Marjanović","slug":"zlatkom","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/332632/avatar-3tnx5Af5LDy2fzl1PlvjFhs9mWLpFw.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/XGdhMzIiAhFFrgjeXoLC/mapembedbyz-4e02CyRUAgF7pcXFpEWzZXrrkMqIQZ","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-03-07T02:41:00.176Z","updatedAt":"2026-09-10T14:31:46.612Z","publishedAt":"2026-03-24T14:49:04.769Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://hy.chujiqiqi.com/m/MapEmbedByZ-0yY7EF.js@MS0XRBTJ1lNnnGlPMoMA","previewUrl":"https://powerful-lots-526631.framer.app/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"8ee0cfdd-bc84-44cf-aa9c-54c86b5c56e0","name":"Maps","slug":"maps"}],"lastSaveId":"MS0XRBTJ1lNnnGlPMoMA","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":42,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-03-24T14:49:04.769Z","updatedAt":"2026-03-24T14:49:04.769Z"},{"id":"019cea74-4606-721b-9d86-f68b505ef330","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"537ac2be-4d40-4c3a-837b-ed17e24ae93a","name":"Zlatko Marjanović","slug":"zlatkom","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/332632/avatar-3tnx5Af5LDy2fzl1PlvjFhs9mWLpFw.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"KN73r5HWhBFf9c4nxDZk","resolved":true,"title":"CurvedTextPro","body":"$59","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"CurvedTextPro is a production-ready curved typography component built for high-end marketing layouts. It renders text along precision SVG paths with seamless looping animation, stable responsive behavior, and zero visual artifacts. No rotation hacks. No letter-by-letter glitches. No layout breaking surprises."}]},{"type":"paragraph","content":[{"type":"text","text":"It is designed for designers who want expressive typography with real control and predictable behavior inside Framer."}]},{"type":"customHeading","content":[{"type":"text","text":"Work with me: ","marks":[{"type":"bold"}]},{"type":"text","text":"https://www.upwork.com/freelancers/webflowzlatko","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://www.upwork.com/freelancers/webflowzlatko","target":"_blank"}},{"type":"bold"}]}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"My website: ","marks":[{"type":"bold"}]},{"type":"text","text":"zlatkomarjanovic.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"http://zlatkomarjanovic.com","target":"_blank"}},{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Insights: ","marks":[{"type":"bold"}]},{"type":"text","text":"zlatkomarjanovic.com/blog","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"http://zlatkomarjanovic.com/blog","target":"_blank"}},{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Follow me on X: ","marks":[{"type":"bold"}]},{"type":"text","text":"https://x.com/thezlatkom","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://x.com/thezlatkom","target":"_blank"}},{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Follow me on Linkedin: ","marks":[{"type":"bold"}]},{"type":"text","text":"https://www.linkedin.com/in/zlatkomarjanovic/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://www.linkedin.com/in/zlatkomarjanovic/","target":"_blank"}},{"type":"bold"}]}]}]},"introduction":"Advanced Motion Typography","slug":"curvedtextpro","author":{"framerUserId":"537ac2be-4d40-4c3a-837b-ed17e24ae93a","name":"Zlatko Marjanović","slug":"zlatkom","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/332632/avatar-3tnx5Af5LDy2fzl1PlvjFhs9mWLpFw.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/KN73r5HWhBFf9c4nxDZk/curvedtextpro-5mg34TWPJu2qUbRXriX2hVhtursSAU","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-03-02T04:17:31.683Z","updatedAt":"2026-09-10T14:34:59.063Z","publishedAt":"2026-03-14T03:46:54.598Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://hy.chujiqiqi.com/m/ArcText-1-4rqodz.js@etj0dZfFQ8H59tH98Mz8","previewUrl":"https://important-aims-131879.framer.app/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"etj0dZfFQ8H59tH98Mz8","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":110,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-03-14T03:46:54.598Z","updatedAt":"2026-03-14T03:46:54.598Z"},{"id":"019cd327-fae6-7ae3-884d-7c9e3615b225","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"537ac2be-4d40-4c3a-837b-ed17e24ae93a","name":"Zlatko Marjanović","slug":"zlatkom","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/332632/avatar-3tnx5Af5LDy2fzl1PlvjFhs9mWLpFw.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"0GRklYjGkdh2fxSt7JDQ","resolved":true,"title":"LivePurchaseFeed","body":"$5a","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"LivePurchaseFeed – Real-Time Social Proof for Framer"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"LivePurchaseFeed is a high-performance Framer code component built to increase conversion rates using real-time purchase notifications, signup activity, and upgrade events. It adds subtle, modern social proof to SaaS landing pages, pricing pages, product launches, and marketing funnels."}]},{"type":"customHeading","content":[{"type":"text","text":"Key Features"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Real-time purchase and signup notifications"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Simulated mode with realistic names, cities, and plans"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"API mode with polling, timeout handling, and automatic fallback"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Upload mode for fully controlled, hand-curated entries"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smooth enter and exit animations with reduced motion support"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optional stacked notifications with max stack control"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Pause on hover and manual dismiss functionality"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optional sound ping on new activity"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Light, dark, and auto theme support"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Glass blur styling with soft shadows and rounded corners"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Built-in status indicator (Live, Demo, Custom)"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Built for Conversion Optimization"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Increases perceived traction and product demand"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adds subtle FOMO marketing without being intrusive"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Reinforces credibility on pricing and checkout pages"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Improves trust signals for new SaaS products"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Enhances landing page engagement metrics"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"API Data Format"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Your endpoint should return either:"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"An array of objects: { name, action, product, city, timestamp }"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Or an object containing { events: [...] }"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"The timestamp can be a number in milliseconds or a valid date string."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Work with me: ","marks":[{"type":"bold"}]},{"type":"text","text":"https://www.upwork.com/freelancers/webflowzlatko","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://www.upwork.com/freelancers/webflowzlatko","target":"_blank"}},{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"My website: ","marks":[{"type":"bold"}]},{"type":"text","text":"zlatkomarjanovic.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"http://zlatkomarjanovic.com","target":"_blank"}},{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Insights: ","marks":[{"type":"bold"}]},{"type":"text","text":"zlatkomarjanovic.com/blog","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"http://zlatkomarjanovic.com/blog","target":"_blank"}},{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Follow me on X: ","marks":[{"type":"bold"}]},{"type":"text","text":"https://x.com/thezlatkom","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://x.com/thezlatkom","target":"_blank"}},{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Follow me on Linkedin: ","marks":[{"type":"bold"}]},{"type":"text","text":"https://www.linkedin.com/in/zlatkomarjanovic/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://www.linkedin.com/in/zlatkomarjanovic/","target":"_blank"}},{"type":"bold"}]}]}]},"introduction":"Real Time Social Proof Component","slug":"livepurchasefeed","author":{"framerUserId":"537ac2be-4d40-4c3a-837b-ed17e24ae93a","name":"Zlatko Marjanović","slug":"zlatkom","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/332632/avatar-3tnx5Af5LDy2fzl1PlvjFhs9mWLpFw.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/0GRklYjGkdh2fxSt7JDQ/livepurchasefeed-mz2Hh4w5Gew2cTz0fyzCtNiDjdQQPo","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-03-01T19:37:31.908Z","updatedAt":"2026-09-10T14:40:42.661Z","publishedAt":"2026-03-09T15:12:18.662Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://hy.chujiqiqi.com/m/LivePurchaseFeed-xh0TVf.js@EYIIBNxqNZiAtaJ6QWWc","previewUrl":"https://inspired-step-291183.framer.app/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"323e97d6-f443-488c-8661-794a9a83a20f","name":"Effects","slug":"effects"}],"lastSaveId":"EYIIBNxqNZiAtaJ6QWWc","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-03-09T15:12:18.662Z","updatedAt":"2026-03-09T15:12:18.662Z"},{"id":"019caef6-fd02-7de6-b832-8beba7b98cbf","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"537ac2be-4d40-4c3a-837b-ed17e24ae93a","name":"Zlatko Marjanović","slug":"zlatkom","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/332632/avatar-3tnx5Af5LDy2fzl1PlvjFhs9mWLpFw.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"N8OU1MS7UewADOozNT91","resolved":true,"title":"Lazy Load Iframe","body":"$5b","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"What This Component Solves"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Most iframe embeds load instantly, even if the visitor never scrolls to them. That can trigger heavy third-party scripts too early, increase network work, and hurt speed metrics."}]},{"type":"paragraph","content":[{"type":"text","text":"Lazy IFrame delays the embed until it is actually needed, so your above-the-fold experience stays lightweight and responsive."}]},{"type":"customHeading","content":[{"type":"text","text":"Core Features"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Loads the iframe only when it enters view using IntersectionObserver"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Loads once per URL to avoid duplicate work"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Uses requestIdleCallback when available to mount during idle time"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Holds layout space to avoid layout shift while loading"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Works responsively inside Framer layouts"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"No external dependencies"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Loading Experience"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Instead of a blank box, Lazy IFrame can show a minimal glass-style loader that looks like a lightweight dashboard placeholder. This makes the loading state feel intentional and premium, without distracting motion."}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Structured UI skeleton placeholder"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Subtle shimmer animation"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Customizable surface, accent, and shimmer speed"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Keeps the page stable while the iframe initializes"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Work with me: ","marks":[{"type":"bold"}]},{"type":"text","text":"https://www.upwork.com/freelancers/webflowzlatko","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://www.upwork.com/freelancers/webflowzlatko","target":"_blank"}},{"type":"bold"}]}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"My website: ","marks":[{"type":"bold"}]},{"type":"text","text":"zlatkomarjanovic.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"http://zlatkomarjanovic.com","target":"_blank"}},{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Insights: ","marks":[{"type":"bold"}]},{"type":"text","text":"zlatkomarjanovic.com/blog","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"http://zlatkomarjanovic.com/blog","target":"_blank"}},{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Follow me on X: ","marks":[{"type":"bold"}]},{"type":"text","text":"https://x.com/thezlatkom","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://x.com/thezlatkom","target":"_blank"}},{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Follow me on Linkedin: ","marks":[{"type":"bold"}]},{"type":"text","text":"https://www.linkedin.com/in/zlatkomarjanovic/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://www.linkedin.com/in/zlatkomarjanovic/","target":"_blank"}},{"type":"bold"}]}]}]},"introduction":"Keep Iframes and Your Web Speed","slug":"lazy-load-iframe","author":{"framerUserId":"537ac2be-4d40-4c3a-837b-ed17e24ae93a","name":"Zlatko Marjanović","slug":"zlatkom","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/332632/avatar-3tnx5Af5LDy2fzl1PlvjFhs9mWLpFw.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/N8OU1MS7UewADOozNT91/lazy-load-iframe-ghKLO0kvYidLMbCTPPouNTArIkkJxy","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-02-21T01:37:42.176Z","updatedAt":"2026-09-10T14:41:38.587Z","publishedAt":"2026-03-02T14:32:28.162Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://hy.chujiqiqi.com/m/LazyIframe-SPhB6h.js@zHzqhyTSmtbgnucX2HgU","previewUrl":"https://cloudy-side-365942.framer.app/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"b42eea44-0ea9-4372-9981-70c9e68577c1","name":"Loaders","slug":"loaders"}],"lastSaveId":"zHzqhyTSmtbgnucX2HgU","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-03-02T14:32:28.162Z","updatedAt":"2026-03-02T14:32:28.162Z"},{"id":"019caed8-c3e3-77cb-b5e7-e3e4be7f52a7","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"537ac2be-4d40-4c3a-837b-ed17e24ae93a","name":"Zlatko Marjanović","slug":"zlatkom","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/332632/avatar-3tnx5Af5LDy2fzl1PlvjFhs9mWLpFw.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"ZNInn52OMbOESeq2DTbq","resolved":true,"title":"GSAP Text Engine","body":"$5c","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"GSAP Text Engine"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Work with me: ","marks":[{"type":"bold"}]},{"type":"text","text":"https://www.upwork.com/freelancers/webflowzlatko","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://www.upwork.com/freelancers/webflowzlatko","target":"_blank"}},{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"My website: ","marks":[{"type":"bold"}]},{"type":"text","text":"zlatkomarjanovic.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"http://zlatkomarjanovic.com","target":"_blank"}},{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Insights: ","marks":[{"type":"bold"}]},{"type":"text","text":"zlatkomarjanovic.com/blog","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"http://zlatkomarjanovic.com/blog","target":"_blank"}},{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Follow me on X: ","marks":[{"type":"bold"}]},{"type":"text","text":"https://x.com/thezlatkom","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://x.com/thezlatkom","target":"_blank"}},{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Follow me on Linkedin: ","marks":[{"type":"bold"}]},{"type":"text","text":"https://www.linkedin.com/in/zlatkomarjanovic/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://www.linkedin.com/in/zlatkomarjanovic/","target":"_blank"}},{"type":"bold"}]}]},{"type":"customHeading","content":[{"type":"text","text":"Key Features"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"GSAP Text Engine ships with a comprehensive animation system designed for flexibility, performance, and creative control."}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"40+ GSAP animation presets including Fade, Slide, Blur, Scale, Rotate, Mask Reveal, Wave, Typewriter, Scramble Reveal, Glitch, Neon Flicker, Spin, Liquid Skew, Stamp Press, Perspective Tilt, Cascade Fall, Magnetic Pull, and more"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Professional GSAP timelines and tweens for smooth, production-level motion"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Multiple trigger modes for dynamic interaction control"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Full timing, easing, and stagger customization"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Character, word, and line split animation modes"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Built-in typewriter and scramble effect controls"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Inline gradient and stroke text styling"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive behavior with reduced-motion support"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Each preset is carefully structured to maintain visual clarity while delivering strong visual impact. Whether you need subtle elegance or high-energy motion, you have the tools to fine-tune every detail."}]},{"type":"customHeading","attrs":{"level":1}}]},"introduction":"GSAP Text Animations","slug":"gsap-text-engine","author":{"framerUserId":"537ac2be-4d40-4c3a-837b-ed17e24ae93a","name":"Zlatko Marjanović","slug":"zlatkom","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/332632/avatar-3tnx5Af5LDy2fzl1PlvjFhs9mWLpFw.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/ZNInn52OMbOESeq2DTbq/gsap-text-engine-o9lY89cXoQbKuZM35HuFc3MHQrnuDF","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-02-20T18:34:05.809Z","updatedAt":"2026-09-10T14:42:22.741Z","publishedAt":"2026-03-02T13:59:27.459Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://hy.chujiqiqi.com/m/GSAP-Text-Engine-2qp1Dn.js@decYn5beg0IuLLzEIVuD","previewUrl":"https://satisfied-exercise-176447.framer.app/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"decYn5beg0IuLLzEIVuD","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":8,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-03-02T13:59:27.459Z","updatedAt":"2026-03-02T13:59:27.459Z"},{"id":"019caeca-e56f-763c-b580-6fb4858e410f","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"537ac2be-4d40-4c3a-837b-ed17e24ae93a","name":"Zlatko Marjanović","slug":"zlatkom","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/332632/avatar-3tnx5Af5LDy2fzl1PlvjFhs9mWLpFw.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"Nz2mPWM34VgqMgHL32a0","resolved":true,"title":"Simple Animated Link","body":"$5d","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"These types of animations can take up to 30 minutes to make, and the reason for deploying them here is to save time in all future builds."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Work with me: ","marks":[{"type":"bold"}]},{"type":"text","text":"https://www.upwork.com/freelancers/webflowzlatko","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://www.upwork.com/freelancers/webflowzlatko","target":"_blank"}},{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"My website: ","marks":[{"type":"bold"}]},{"type":"text","text":"zlatkomarjanovic.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"http://zlatkomarjanovic.com","target":"_blank"}},{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Insights: ","marks":[{"type":"bold"}]},{"type":"text","text":"zlatkomarjanovic.com/blog","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"http://zlatkomarjanovic.com/blog","target":"_blank"}},{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Follow me on X: ","marks":[{"type":"bold"}]},{"type":"text","text":"https://x.com/thezlatkom","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://x.com/thezlatkom","target":"_blank"}},{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Follow me on Linkedin: ","marks":[{"type":"bold"}]},{"type":"text","text":"https://www.linkedin.com/in/zlatkomarjanovic/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://www.linkedin.com/in/zlatkomarjanovic/","target":"_blank"}},{"type":"bold"}]}]}]},"introduction":"Simple Animated Link","slug":"simple-animated-link","author":{"framerUserId":"537ac2be-4d40-4c3a-837b-ed17e24ae93a","name":"Zlatko Marjanović","slug":"zlatkom","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/332632/avatar-3tnx5Af5LDy2fzl1PlvjFhs9mWLpFw.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/Nz2mPWM34VgqMgHL32a0/simple-animated-link-3GK32ZklfVWdR8EsoE0eXnoTjQcGfs","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-02-23T02:17:42.185Z","updatedAt":"2026-09-10T14:42:45.488Z","publishedAt":"2026-03-02T13:44:18.543Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://hy.chujiqiqi.com/m/Link-eB4hGc.js@Rj0LWe0pQtiAzaqxyWTO","previewUrl":"https://charming-symptoms-822488.framer.app/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"Rj0LWe0pQtiAzaqxyWTO","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":5,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-03-02T13:44:18.543Z","updatedAt":"2026-03-02T13:44:18.543Z"},{"id":"019ca635-4204-76b6-a32a-8173a1e5423a","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"537ac2be-4d40-4c3a-837b-ed17e24ae93a","name":"Zlatko Marjanović","slug":"zlatkom","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/332632/avatar-3tnx5Af5LDy2fzl1PlvjFhs9mWLpFw.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"I0Ieu4Qnz4H5J0B9kab4","resolved":true,"title":"LazyLoad Video","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Most video embeds destroy your page speed. A single YouTube iframe adds 500–700 KB of blocking JavaScript the moment your page loads — before anyone has even pressed play. LazyLoad Video loads nothing but a lightweight thumbnail until the viewer actually needs the video. The result is dramatically faster Time to Interactive, better Lighthouse scores, and a real-world loading experience that feels instant."}]},{"type":"customHeading","content":[{"type":"text","text":"WHY THIS BEATS A NATIVE EMBED"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"YouTube's default embed loads its entire player runtime on page paint, whether or not the user ever watches the video. Vimeo's iframe is lighter but still triggers third-party scripts immediately. LazyLoad Video replaces all of that with a static image and a single IntersectionObserver listener, one of the most efficient browser APIs available. The heavy player only loads when it enters the viewport or when the user clicks. On pages with multiple videos, the difference in total page weight can be several megabytes."}]},{"type":"customHeading","content":[{"type":"text","text":"PROVIDERS SUPPORTED"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"· YouTube — paste any link format: "},{"type":"text","text":"youtu.be","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"http://youtu.be","class":null,"target":"_blank"}}]},{"type":"text","text":", watch?v=, /shorts/, /live/, /embed/, or bare 11-character ID"}]},{"type":"paragraph","content":[{"type":"text","text":"· Vimeo — paste any Vimeo URL or numeric ID, thumbnail and title fetched automatically via oEmbed"}]},{"type":"paragraph","content":[{"type":"text","text":"· CDN / Direct URL — link to any hosted .mp4, .webm, or .mov file with full custom controls"}]},{"type":"paragraph","content":[{"type":"text","text":"· Upload — attach a video file directly from the Framer side panel, first frame extracted automatically as poster image"}]},{"type":"customHeading","content":[{"type":"text","text":"Work with me: ","marks":[{"type":"bold"}]},{"type":"text","text":"https://www.upwork.com/freelancers/webflowzlatko","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://www.upwork.com/freelancers/webflowzlatko","target":"_blank"}},{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"My website: ","marks":[{"type":"bold"}]},{"type":"text","text":"zlatkomarjanovic.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"http://zlatkomarjanovic.com","target":"_blank"}},{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Insights: ","marks":[{"type":"bold"}]},{"type":"text","text":"zlatkomarjanovic.com/blog","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"http://zlatkomarjanovic.com/blog","target":"_blank"}},{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Follow me on X: ","marks":[{"type":"bold"}]},{"type":"text","text":"https://x.com/thezlatkom","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://x.com/thezlatkom","target":"_blank"}},{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Follow me on Linkedin: ","marks":[{"type":"bold"}]},{"type":"text","text":"https://www.linkedin.com/in/zlatkomarjanovic/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://www.linkedin.com/in/zlatkomarjanovic/","target":"_blank"}},{"type":"bold"}]}]}]},"introduction":"YouTube, Vimeo & CDN.","slug":"lazyload-video","author":{"framerUserId":"537ac2be-4d40-4c3a-837b-ed17e24ae93a","name":"Zlatko Marjanović","slug":"zlatkom","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/332632/avatar-3tnx5Af5LDy2fzl1PlvjFhs9mWLpFw.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/I0Ieu4Qnz4H5J0B9kab4/lazyload-video-1oglEOqtSnWMHkfZccHtM7rhB2x1Dc","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-02-20T02:59:58.395Z","updatedAt":"2026-09-10T14:43:27.785Z","publishedAt":"2026-02-28T21:43:54.116Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://hy.chujiqiqi.com/m/LazySpeedyVideo-KHeOAx.js@HczS6V6knGWNTJzRZBos","previewUrl":"https://dandy-designer-216918.framer.app/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"323e97d6-f443-488c-8661-794a9a83a20f","name":"Effects","slug":"effects"}],"lastSaveId":"HczS6V6knGWNTJzRZBos","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":16,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-02-28T21:43:54.116Z","updatedAt":"2026-02-28T21:43:54.116Z"},{"id":"019ca635-2c41-70b9-9540-70e88d0cee00","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"537ac2be-4d40-4c3a-837b-ed17e24ae93a","name":"Zlatko Marjanović","slug":"zlatkom","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/332632/avatar-3tnx5Af5LDy2fzl1PlvjFhs9mWLpFw.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"E3kQwnKdCBkRSPL7THNv","resolved":true,"title":"Rental Calculator","body":"$5f","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Real Estate ROI Calculator for Investors and Agents"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"This advanced real estate ROI calculator helps property investors, landlords, real estate agents, and developers analyze rental property performance with precision. Built for modern real estate websites, this multi step calculator delivers accurate financial projections and conversion focused lead capture."}]},{"type":"customHeading","content":[{"type":"text","text":"Calculate Key Investment Metrics"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Monthly cash flow"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Annual cash flow"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Net operating income (NOI)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Capitalization rate (Cap Rate)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Cash on cash return"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Debt service coverage ratio (DSCR)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Break even occupancy"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Total profit over hold period"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Annualized return"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Future property value with appreciation"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Whether you are analyzing a rental property, multifamily investment, short term rental, or buy and hold strategy, this ROI calculator gives you clear financial visibility."}]},{"type":"customHeading","content":[{"type":"text","text":"Work with me: ","marks":[{"type":"bold"}]},{"type":"text","text":"https://www.upwork.com/freelancers/webflowzlatko","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://www.upwork.com/freelancers/webflowzlatko","target":"_blank"}},{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"My website: ","marks":[{"type":"bold"}]},{"type":"text","text":"zlatkomarjanovic.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"http://zlatkomarjanovic.com","target":"_blank"}},{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Insights: ","marks":[{"type":"bold"}]},{"type":"text","text":"zlatkomarjanovic.com/blog","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"http://zlatkomarjanovic.com/blog","target":"_blank"}},{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Follow me on X: ","marks":[{"type":"bold"}]},{"type":"text","text":"https://x.com/thezlatkom","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://x.com/thezlatkom","target":"_blank"}},{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Follow me on Linkedin: ","marks":[{"type":"bold"}]},{"type":"text","text":"https://www.linkedin.com/in/zlatkomarjanovic/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://www.linkedin.com/in/zlatkomarjanovic/","target":"_blank"}},{"type":"bold"}]}]}]},"introduction":"ROI Calculator","slug":"rental-calculator","author":{"framerUserId":"537ac2be-4d40-4c3a-837b-ed17e24ae93a","name":"Zlatko Marjanović","slug":"zlatkom","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/332632/avatar-3tnx5Af5LDy2fzl1PlvjFhs9mWLpFw.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/E3kQwnKdCBkRSPL7THNv/rental-calculator-a5pkjg5HjRyphg9aJCrLQUFXjxa4Yn","metadata":{"tint":{"h":210,"s":18,"l":33},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-02-22T04:30:20.314Z","updatedAt":"2026-09-10T14:44:16.542Z","publishedAt":"2026-02-28T21:43:48.545Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://hy.chujiqiqi.com/m/RealEstateRoiMultiStep-mIiyZK.js@TJOEe4YZkt5RCioh5QYL","previewUrl":"https://noble-diplodocus-854338.framer.app/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"TJOEe4YZkt5RCioh5QYL","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":8,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-02-28T21:43:48.545Z","updatedAt":"2026-02-28T21:43:48.545Z"},{"id":"019ca635-1393-71ce-b085-477043e83645","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"537ac2be-4d40-4c3a-837b-ed17e24ae93a","name":"Zlatko Marjanović","slug":"zlatkom","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/332632/avatar-3tnx5Af5LDy2fzl1PlvjFhs9mWLpFw.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"7cCE5wxo0SxY4FX3fCFY","resolved":true,"title":"Free Before-After","body":"$60","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"BeforeAfter Pro is a fully customizable before and after comparison component built specifically for Framer projects that demand performance, flexibility, and clean interaction design. It allows designers, agencies, SaaS companies, real estate platforms, and eCommerce brands to present visual transformations in an engaging, conversion-focused way."}]},{"type":"paragraph","content":[{"type":"text","text":"Whether you are showcasing a website redesign, product upgrade, UI improvement, renovation project, photo retouching workflow, medical transformation, or digital agency case study, this component delivers a smooth and professional comparison experience without external dependencies."}]},{"type":"customHeading","content":[{"type":"text","text":"Work with me: ","marks":[{"type":"bold"}]},{"type":"text","text":"https://www.upwork.com/freelancers/webflowzlatko","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://www.upwork.com/freelancers/webflowzlatko","target":"_blank"}},{"type":"bold"}]}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"My website: ","marks":[{"type":"bold"}]},{"type":"text","text":"zlatkomarjanovic.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"http://zlatkomarjanovic.com","target":"_blank"}},{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Insights: ","marks":[{"type":"bold"}]},{"type":"text","text":"zlatkomarjanovic.com/blog","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"http://zlatkomarjanovic.com/blog","target":"_blank"}},{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Follow me on X: ","marks":[{"type":"bold"}]},{"type":"text","text":"https://x.com/thezlatkom","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://x.com/thezlatkom","target":"_blank"}},{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Follow me on Linkedin: ","marks":[{"type":"bold"}]},{"type":"text","text":"https://www.linkedin.com/in/zlatkomarjanovic/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://www.linkedin.com/in/zlatkomarjanovic/","target":"_blank"}},{"type":"bold"}]}]}]},"introduction":"Before/After Pro Slider","slug":"before-and-after","author":{"framerUserId":"537ac2be-4d40-4c3a-837b-ed17e24ae93a","name":"Zlatko Marjanović","slug":"zlatkom","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/332632/avatar-3tnx5Af5LDy2fzl1PlvjFhs9mWLpFw.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/7cCE5wxo0SxY4FX3fCFY/before-and-after-o9IXGiO10rN0jULeOcJLpRtsKTAQve","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-02-22T21:03:58.788Z","updatedAt":"2026-09-10T14:44:52.889Z","publishedAt":"2026-02-28T21:43:42.227Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://hy.chujiqiqi.com/m/AdvancedBeforeAfter-H50MX8.js@Mcgsqkj5KLYsgrydFgXR","previewUrl":"https://honest-context-002174.framer.app/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"c3e183d1-597a-4479-8a6f-244ae3c96f40","name":"Cards","slug":"cards"}],"lastSaveId":"Mcgsqkj5KLYsgrydFgXR","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":29,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-02-28T21:43:42.227Z","updatedAt":"2026-02-28T21:43:42.227Z"},{"id":"019c906f-88d1-7cc0-9f8e-f53e90686a00","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"537ac2be-4d40-4c3a-837b-ed17e24ae93a","name":"Zlatko Marjanović","slug":"zlatkom","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/332632/avatar-3tnx5Af5LDy2fzl1PlvjFhs9mWLpFw.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"vxoL18duN8pRIWdrbbiA","resolved":true,"title":"Live Crypto Card UI","body":"$61","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"INTRODUCTION"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Display live cryptocurrency prices directly in your Framer project. CryptoCard connects to five professional data providers: CoinGecko, Binance, CoinMarketCap, Kraken, and CryptoCompare, and shows accurate, up-to-date prices, 24-hour highs and lows, trading volume, and historical price charts for over 40 top coins including Bitcoin, Ethereum, Solana, and more."}]},{"type":"paragraph","content":[{"type":"text","text":"Built for designers who want production-ready crypto data without writing a single line of code. Drop it onto the canvas, pick your coin from the dropdown, choose your data provider, and go live in seconds."}]},{"type":"customHeading","content":[{"type":"text","text":"What's Included"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Live price ticker refreshing every 20 seconds"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"24-hour High, Low, and Volume statistics"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Interactive historical price chart (7D · 1M · 6M · 1Y)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Range % change indicator with up/down colour coding"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Animated LIVE pulse badge"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Automatic coin icon with ticker label fallback"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Exact error messages with HTTP status code, plain-English hint, Retry button, and a direct link to the provider's documentation"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Work with me: ","marks":[{"type":"bold"}]},{"type":"text","text":"https://www.upwork.com/freelancers/webflowzlatko","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://www.upwork.com/freelancers/webflowzlatko","target":"_blank"}},{"type":"bold"}]}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"My website: ","marks":[{"type":"bold"}]},{"type":"text","text":"zlatkomarjanovic.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"http://zlatkomarjanovic.com","target":"_blank"}},{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Insights: ","marks":[{"type":"bold"}]},{"type":"text","text":"zlatkomarjanovic.com/blog","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"http://zlatkomarjanovic.com/blog","target":"_blank"}},{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Follow me on X: ","marks":[{"type":"bold"}]},{"type":"text","text":"https://x.com/thezlatkom","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://x.com/thezlatkom","target":"_blank"}},{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Follow me on Linkedin: ","marks":[{"type":"bold"}]},{"type":"text","text":"https://www.linkedin.com/in/zlatkomarjanovic/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://www.linkedin.com/in/zlatkomarjanovic/","target":"_blank"}},{"type":"bold"}]}]}]},"introduction":"Real-time cryptocurrency prices.","slug":"free-crypto-card-ui","author":{"framerUserId":"537ac2be-4d40-4c3a-837b-ed17e24ae93a","name":"Zlatko Marjanović","slug":"zlatkom","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/332632/avatar-3tnx5Af5LDy2fzl1PlvjFhs9mWLpFw.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/vxoL18duN8pRIWdrbbiA/free-crypto-card-ui-F60n5pEhAliqZ2YTLSIvNeINyVFd3M","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-02-18T18:18:54.326Z","updatedAt":"2026-09-10T14:45:19.932Z","publishedAt":"2026-02-24T16:15:54.577Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://hy.chujiqiqi.com/m/FreeCryptoChartComponent-DLBLKL.js@sSOzYZexyibsbjXI9S8b","previewUrl":"https://heavy-states-594598.framer.app/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"c3e183d1-597a-4479-8a6f-244ae3c96f40","name":"Cards","slug":"cards"}],"lastSaveId":"sSOzYZexyibsbjXI9S8b","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":6,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-02-24T16:15:54.577Z","updatedAt":"2026-02-24T16:15:54.577Z"},{"id":"019c7190-5d36-7055-8cd5-8807c3f5c219","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"537ac2be-4d40-4c3a-837b-ed17e24ae93a","name":"Zlatko Marjanović","slug":"zlatkom","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/332632/avatar-3tnx5Af5LDy2fzl1PlvjFhs9mWLpFw.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"N41cct6fbzzfwanDxhS1","resolved":true,"title":"ChartJS","body":"$62","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully Customizable Charts for Framer. The #1 Chart Component for Framer Designers & Developers"}]},{"type":"paragraph","content":[{"type":"text","text":"Build powerful, dynamic, production-grade charts directly inside Framer. No external dashboards. No design limitations. No complexity. 100% free."}]},{"type":"paragraph","content":[{"type":"text","text":"About"}]},{"type":"paragraph","content":[{"type":"text","text":"ChartJS Pro is the most advanced and flexible chart component available for Framer. Built on ChartJS v4 and optimized specifically for Framer’s layout engine, it gives you complete control over visual data presentation without writing a single line of code."}]},{"type":"paragraph","content":[{"type":"text","text":"Unlike limited chart plugins, static embeds, or iframe-based solutions, this component is fully native to Framer. It adapts seamlessly to your design system, supports complex multi-dataset configurations, and maintains pixel-perfect responsiveness across breakpoints."}]},{"type":"paragraph","content":[{"type":"text","text":"Whether you are building SaaS dashboards, fintech products, analytics platforms, crypto apps, investor reports, internal tools, or high-converting marketing pages, this component delivers production-grade data visualization with complete creative freedom."}]},{"type":"paragraph","content":[{"type":"text","text":"Everything runs directly inside Framer. No external dashboards required. No API setup required unless you explicitly want to connect live data."}]},{"type":"paragraph","content":[{"type":"text","text":"This is the definitive chart solution for Framer."}]},{"type":"customHeading","content":[{"type":"text","text":"Work with me: ","marks":[{"type":"bold"}]},{"type":"text","text":"https://www.upwork.com/freelancers/webflowzlatko","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://www.upwork.com/freelancers/webflowzlatko","target":"_blank"}},{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"My website: ","marks":[{"type":"bold"}]},{"type":"text","text":"zlatkomarjanovic.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"http://zlatkomarjanovic.com","target":"_blank"}},{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Insights: ","marks":[{"type":"bold"}]},{"type":"text","text":"zlatkomarjanovic.com/blog","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"http://zlatkomarjanovic.com/blog","target":"_blank"}},{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Follow me on X: ","marks":[{"type":"bold"}]},{"type":"text","text":"https://x.com/thezlatkom","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://x.com/thezlatkom","target":"_blank"}},{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Follow me on Linkedin: ","marks":[{"type":"bold"}]},{"type":"text","text":"https://www.linkedin.com/in/zlatkomarjanovic/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://www.linkedin.com/in/zlatkomarjanovic/","target":"_blank"}},{"type":"bold"}]}]}]},"introduction":"The #1 Chart Component for Framer.","slug":"chartjs","author":{"framerUserId":"537ac2be-4d40-4c3a-837b-ed17e24ae93a","name":"Zlatko Marjanović","slug":"zlatkom","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/332632/avatar-3tnx5Af5LDy2fzl1PlvjFhs9mWLpFw.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/N41cct6fbzzfwanDxhS1/framer-pro-charts-0XPsZDhEwJ9PBzXy2wB7u2vMfn6qt6","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-02-15T17:34:16.165Z","updatedAt":"2026-09-10T14:46:33.751Z","publishedAt":"2026-02-18T16:23:32.406Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://hy.chujiqiqi.com/m/ChartJS-Framer-zrRX2H.js@jG5Q59BAq3ePe7jIMigK","previewUrl":"https://desirable-position-455095.framer.app/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"51314a1b-a5bd-4ae8-acf0-bd3d5058c367","name":"Charts","slug":"charts"}],"lastSaveId":"jG5Q59BAq3ePe7jIMigK","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":15,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-02-18T16:23:32.406Z","updatedAt":"2026-02-18T16:23:32.406Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L63"}]