50:I[267044,["/creators-assets/_next/static/immutable/chunks/36c08p67t0nml.js","/creators-assets/_next/static/immutable/chunks/3ayu63s3pbx5h.js","/creators-assets/_next/static/immutable/chunks/2qqxwi6m3n33t.js","/creators-assets/_next/static/immutable/chunks/3283ev4bymz-y.js","/creators-assets/_next/static/immutable/chunks/1tyeiicl34tqo.js","/creators-assets/_next/static/immutable/chunks/24bk4ojcoor5n.js","/creators-assets/_next/static/immutable/chunks/3k0o12ps7rnq6.js","/creators-assets/_next/static/immutable/chunks/2fw--q9y_1nc-.js","/creators-assets/_next/static/immutable/chunks/00hohn9l3ocx9.js","/creators-assets/_next/static/immutable/chunks/271g_l-8c77ee.js","/creators-assets/_next/static/immutable/chunks/3uo-268z2xnq9.js","/creators-assets/_next/static/immutable/chunks/1eyot9c9uwocm.js","/creators-assets/_next/static/immutable/chunks/31xze_yiju0_q.js","/creators-assets/_next/static/immutable/chunks/06p8bv9p94pxh.js","/creators-assets/_next/static/immutable/chunks/42u1pxaq7eeka.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/2gb4kwi-0_ftg.js","/creators-assets/_next/static/immutable/chunks/0mgwzh6o644jl.js","/creators-assets/_next/static/immutable/chunks/0vxt9zvn936s0.js","/creators-assets/_next/static/immutable/chunks/102julo6bufcv.js","/creators-assets/_next/static/immutable/chunks/15z5hu5cixks0.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/3fujn21cf_mt1.js","/creators-assets/_next/static/immutable/chunks/41gwzxjlh6wda.js","/creators-assets/_next/static/immutable/chunks/0tb62zkq3ytzl.js","/creators-assets/_next/static/immutable/chunks/3wj273i6wglef.js","/creators-assets/_next/static/immutable/chunks/0gsy0nazl2cht.js","/creators-assets/_next/static/immutable/chunks/2_dm0za3asre2.js","/creators-assets/_next/static/immutable/chunks/0y1e6y4tai9kl.js","/creators-assets/_next/static/immutable/chunks/0toe1wcov_38e.js","/creators-assets/_next/static/immutable/chunks/1gasll1b30-2c.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/15ey03cfkkg-y.js","/creators-assets/_next/static/immutable/chunks/1-gdi7ej49wy6.js","/creators-assets/_next/static/immutable/chunks/3oj8b9u7wi0dw.js","/creators-assets/_next/static/immutable/chunks/3nd1mzwm7q_f7.js","/creators-assets/_next/static/immutable/chunks/29vwz5igguxfe.js","/creators-assets/_next/static/immutable/chunks/3f2ccywlofkgw.js","/creators-assets/_next/static/immutable/chunks/0xifckmqg-iju.js"],"S"] 51:T8cc,

Free at launch for 7 Days

Showcase your website projects across desktop, tablet and mobile with a customizable Framer component.

Website Showcase brings device mockups, complete hero previews and full-page screenshot exploration into your portfolio or case study. Give visitors a clear view of your work without building a separate presentation for every device.

Made for portfolios and case studies Present client websites, landing pages and redesign projects on designer portfolios, freelancer websites and agency work pages.

Desktop, tablet and mobile previews Upload a separate screenshot for each device. Visitors can switch between views, and you can hide devices without an uploaded image.

Hero previews and full-page exploration Show the complete hero without unnecessary scrolling. Add an optional full-page screenshot so visitors can explore the rest of the website in an enlarged viewer.

Flexible viewport sizing Set independent device heights using values such as 80vh, 100vh or 100dvh. Choose a complete-image view, cropped viewport or optional full-page scrolling.

Customizable backgrounds and frames Match your portfolio with solid colors, gradients or a transparent canvas. Adjust browser and device frames, borders, corners, shadows and spacing.

Editable navigation and project details Customize device tabs, icons, labels and typography. Add your project title, category and website link.

An enlarged view of your work Let visitors switch devices, view hero or full-page images, and choose fit-to-width or actual-size display.

Insert the component into Framer, upload your screenshots and customize it through the property panel. No API key or backend setup is required.

Each instance showcases one project using uploaded screenshots. Brightly is shown for demonstration; its website design and imagery are not included.

Live demo: https://skprojectshowcase.framer.website/

Created by StyledFrame.

52:T897,

LeadFlow is a premium lead qualification component for Framer that turns a traditional form into an interactive project assessment experience.

Instead of collecting basic contact information, LeadFlow guides visitors through a series of questions and transforms their answers into a structured project profile, fit score, lead priority, and recommended next step.

Designed for agencies, freelancers, consultants, studios, and service businesses that want to qualify leads before a sales call.

WHAT MAKES IT DIFFERENT

• Interactive multi-step qualification flow

• Project profile generated from visitor answers

• Lead fit scoring

• Lead priority indicator

• Recommended next step

• Premium dashboard-style results

• Progress tracking

• Structured project brief

• Copy project brief functionality

• Responsive layout

• Customizable visual styling

• Easy integration into Framer

PERFECT FOR

• Web design agencies

• Framer freelancers

• Marketing agencies

• SaaS agencies

• Consultants

• Creative studios

• Development agencies

• Service businesses

• Project inquiry pages

• Lead qualification funnels

HOW IT WORKS

Visitors answer a short series of project questions such as their needs, company type, project size, timeline, budget, and urgency.

LeadFlow processes the responses and presents a clear project profile with fit, priority, complexity, and a recommended next step.

This creates a more engaging experience for visitors while giving businesses better context before starting a conversation.

BUILT FOR BETTER LEADS

LeadFlow goes beyond the traditional Name, Email, Message form.

It creates an interactive qualification experience that helps visitors understand their project while giving businesses more useful information before a call.

EASY TO CUSTOMIZE

Customize the questions, answers, styling, colors, typography, labels, scoring logic, and result states to match your brand and qualification process.

No coding required.

53:T77f,

ChromaType Text is a customizable animated typewriter component for Framer that brings headlines to life with smooth typing, deleting, and chromatic text effects.

Designed for modern websites, ChromaType Text gives you control over animation timing, rotating phrases, chromatic effects, glow, cursor styling, letter animations, and typography — all directly from Framer’s property panel.

Perfect for hero sections, landing pages, SaaS websites, portfolios, agency websites, product launches, and creative websites.

What Makes It Stand Out

• Smooth typewriter and delete animations • Multiple rotating text phrases • Customizable typing speed • Adjustable delete speed • Configurable pause duration • Optional chromatic text effect • Adjustable hue spread • Optional chromatic glow • Optional letter pop-in animation • Customizable blinking cursor • Custom cursor color • Separate prefix and text colors • Font size and weight controls • Custom letter spacing • Optional custom font • Left, center, and right alignment • Responsive layout • Easy customization through Framer’s property panel

Customizations

• Prefix Text • Rotating Words / Phrases • Typing Speed • Delete Speed • Pause Duration • Chroma Effect • Hue Spread • Chroma Glow • Letter Pop-In • Cursor • Cursor Color • Prefix Color • Text Color • Font Size • Font Weight • Letter Spacing • Custom Font • Text Alignment

Perfect For

• Hero headlines • Landing pages • SaaS websites • Startup websites • Agency websites • Personal portfolios • Product launches • Creative websites • Marketing websites

Easy to Use

Add ChromaType Text to your Framer project, enter your phrases, customize the animation settings, and match it to your website’s typography and visual style.

No coding required.

4f:["$","$L50",null,{"value":{"fallback":{"$inf$activity-creator-246024c9-3ffb-435e-8f29-7800c63579fc-all:/unified/creator/246024c9-3ffb-435e-8f29-7800c63579fc/activity/":[{"data":[{"id":"01a163d8-8b89-74c4-8ba0-c9afc9eb21ae","type":"component.created","target":{"type":"component","id":"HCqSXnZJ960AHPBMRgmP","preview":"Project Showcase SK","previewJson":null,"thumbnail":"https://image.mux.com/PqPR2ZdEKpyvFgOmZVQfvfxkjgRZ01vJIebchoJnR0101o/thumbnail.webp?time=5.767","targetDeleted":false,"owned":false,"feedItemType":null,"actions":null},"context":null,"actors":[{"id":"246024c9-3ffb-435e-8f29-7800c63579fc","name":"Muhammad Sohaib","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/246024c9-3ffb-435e-8f29-7800c63579fc/qcgkznal","slug":"sk-developers","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-10-22T13:41:38.313Z","latestAt":"2026-10-22T13:41:38.313Z"},{"id":"01a15fd2-f852-7028-8dda-c4e698ff6329","type":"site.created","target":{"type":"site","id":"18683","preview":"Brightly","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/246024c9-3ffb-435e-8f29-7800c63579fc/01a15fcb-13e6-71f8-9d8d-5ccd8bb9ebfd.png","targetDeleted":false,"owned":false,"feedItemType":null,"actions":null},"context":null,"actors":[{"id":"246024c9-3ffb-435e-8f29-7800c63579fc","name":"Muhammad Sohaib","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/246024c9-3ffb-435e-8f29-7800c63579fc/qcgkznal","slug":"sk-developers","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"site","visibility":"public","startedAt":"2026-10-21T18:57:04.082Z","latestAt":"2026-10-21T18:57:04.082Z"},{"id":"01a15fb3-0ede-72fc-bdc0-427e456a402a","type":"site.created","target":{"type":"site","id":"18682","preview":"Sahara AI","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/246024c9-3ffb-435e-8f29-7800c63579fc/01a15fae-4ea1-731b-a51a-8c3508ec8125.png","targetDeleted":false,"owned":false,"feedItemType":null,"actions":null},"context":null,"actors":[{"id":"246024c9-3ffb-435e-8f29-7800c63579fc","name":"Muhammad Sohaib","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/246024c9-3ffb-435e-8f29-7800c63579fc/qcgkznal","slug":"sk-developers","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"site","visibility":"public","startedAt":"2026-10-21T18:22:12.702Z","latestAt":"2026-10-21T18:22:12.702Z"},{"id":"01a0958b-644d-766b-b329-d697343481aa","type":"creator.followed","target":{"type":"creator","id":"09048796-67a4-4bbd-aba2-4840e444a5e2","preview":"Tim Akihiro Heinrich – Zukunftsberatung.","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/09048796-67a4-4bbd-aba2-4840e444a5e2/9c9yit0l","slug":"akihiro","targetDeleted":false,"owned":false,"feedItemType":null,"actions":null},"context":null,"actors":[{"id":"246024c9-3ffb-435e-8f29-7800c63579fc","name":"Muhammad Sohaib","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/246024c9-3ffb-435e-8f29-7800c63579fc/qcgkznal","slug":"sk-developers","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-12T12:15:35.495Z","latestAt":"2026-09-12T12:15:35.495Z"},{"id":"01a0958b-6103-77cd-9764-dff976c67ec2","type":"creator.followed","target":{"type":"creator","id":"1e63400b-9237-4c5c-a463-e5627b50d148","preview":"Matty Hall","previewJson":null,"thumbnail":null,"slug":"matty-hall","targetDeleted":false,"owned":false,"feedItemType":null,"actions":null},"context":null,"actors":[{"id":"246024c9-3ffb-435e-8f29-7800c63579fc","name":"Muhammad Sohaib","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/246024c9-3ffb-435e-8f29-7800c63579fc/qcgkznal","slug":"sk-developers","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-12T12:15:34.656Z","latestAt":"2026-09-12T12:15:34.656Z"},{"id":"01a0958b-5f16-73ad-acc9-b816bdcb2386","type":"creator.followed","target":{"type":"creator","id":"5e08bc16-8ef5-443f-935b-b89025cc752c","preview":"Kamran Ghoto","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/5e08bc16-8ef5-443f-935b-b89025cc752c/02pnwv8g","slug":"kamranghoto","targetDeleted":false,"owned":false,"feedItemType":null,"actions":null},"context":null,"actors":[{"id":"246024c9-3ffb-435e-8f29-7800c63579fc","name":"Muhammad Sohaib","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/246024c9-3ffb-435e-8f29-7800c63579fc/qcgkznal","slug":"sk-developers","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-12T12:15:34.149Z","latestAt":"2026-09-12T12:15:34.149Z"},{"id":"01a0958b-5b57-703e-a536-ec01e33c4f46","type":"creator.followed","target":{"type":"creator","id":"a69279dc-3591-4131-a35a-564c3705b53b","preview":"Wolfgang Heis","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1644626/avatar-owMbtRVIsYUqvkEORv5o8v1iuWbnhl.jpg","slug":"wolfgang-heis","targetDeleted":false,"owned":false,"feedItemType":null,"actions":null},"context":null,"actors":[{"id":"246024c9-3ffb-435e-8f29-7800c63579fc","name":"Muhammad Sohaib","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/246024c9-3ffb-435e-8f29-7800c63579fc/qcgkznal","slug":"sk-developers","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-12T12:15:33.204Z","latestAt":"2026-09-12T12:15:33.204Z"},{"id":"01a0958b-5839-70ba-86ea-a25a09c77dd3","type":"creator.followed","target":{"type":"creator","id":"9520ee2b-28d9-40b4-912d-3fcb20b3c954","preview":"Dario Volkmann","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1147381/avatar-m7AScGBuzsYj6wGCGLAwCejuojx8sm.jpg","slug":"volkmann-dario","targetDeleted":false,"owned":false,"feedItemType":null,"actions":null},"context":null,"actors":[{"id":"246024c9-3ffb-435e-8f29-7800c63579fc","name":"Muhammad Sohaib","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/246024c9-3ffb-435e-8f29-7800c63579fc/qcgkznal","slug":"sk-developers","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-12T12:15:32.402Z","latestAt":"2026-09-12T12:15:32.402Z"},{"id":"01a0958a-73f2-7705-84a0-6039f1aeaf3f","type":"creator.followed","target":{"type":"creator","id":"d7b633f0-85d0-4e75-b61f-08c45984e34b","preview":"Pixl Form","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d7b633f0-85d0-4e75-b61f-08c45984e34b/pdzpgzrh","slug":"pixl-form","targetDeleted":false,"owned":false,"feedItemType":null,"actions":null},"context":null,"actors":[{"id":"246024c9-3ffb-435e-8f29-7800c63579fc","name":"Muhammad Sohaib","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/246024c9-3ffb-435e-8f29-7800c63579fc/qcgkznal","slug":"sk-developers","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-12T12:14:33.964Z","latestAt":"2026-09-12T12:14:33.964Z"},{"id":"01a07196-6625-755b-b977-6c9ea2d923fd","type":"component.created","target":{"type":"component","id":"1Wpekmn7MBdttjB9Gb8P","preview":"LeadFlow","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/246024c9-3ffb-435e-8f29-7800c63579fc/01a07191-a580-721c-bfb2-6d462ad1a422.jpg","targetDeleted":false,"owned":false,"feedItemType":null,"actions":null},"context":null,"actors":[{"id":"246024c9-3ffb-435e-8f29-7800c63579fc","name":"Muhammad Sohaib","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/246024c9-3ffb-435e-8f29-7800c63579fc/qcgkznal","slug":"sk-developers","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-09-05T12:41:17.093Z","latestAt":"2026-09-05T12:41:17.093Z"},{"id":"01a06ac7-123e-714b-9a4f-750fbc598019","type":"creator.followed","target":{"type":"creator","id":"794b13f2-c2fb-43c2-aa24-1244e20e014c","preview":"Nasir Nawaz","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/794b13f2-c2fb-43c2-aa24-1244e20e014c/4fvorgq4","slug":"nasir-nawaz","targetDeleted":false,"owned":false,"feedItemType":null,"actions":null},"context":null,"actors":[{"id":"246024c9-3ffb-435e-8f29-7800c63579fc","name":"Muhammad Sohaib","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/246024c9-3ffb-435e-8f29-7800c63579fc/qcgkznal","slug":"sk-developers","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-04T04:57:06.359Z","latestAt":"2026-09-04T04:57:06.359Z"},{"id":"01a06ac7-0e83-734f-9f29-99568586267c","type":"creator.followed","target":{"type":"creator","id":"e430296a-698b-462e-9e51-b24bf4142a78","preview":"Akbarali Khasanov","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29005/Avatar-hJxOKoCd3AcZoAxsJ1Dr1hbkKaG20s.jpg","slug":"akbarali","targetDeleted":false,"owned":false,"feedItemType":null,"actions":null},"context":null,"actors":[{"id":"246024c9-3ffb-435e-8f29-7800c63579fc","name":"Muhammad Sohaib","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/246024c9-3ffb-435e-8f29-7800c63579fc/qcgkznal","slug":"sk-developers","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-04T04:57:05.407Z","latestAt":"2026-09-04T04:57:05.407Z"},{"id":"01a06ac7-0be6-7570-aca9-842ec99b05b1","type":"creator.followed","target":{"type":"creator","id":"eb4ae3fe-d648-4c0d-a3ba-33e7f2868465","preview":"Ragul Creates","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/359632/avatar-u1mwpoUmtf57H3vaW5TRkt1fTjuSNz.jpg","slug":"ragul-creates","targetDeleted":false,"owned":false,"feedItemType":null,"actions":null},"context":null,"actors":[{"id":"246024c9-3ffb-435e-8f29-7800c63579fc","name":"Muhammad Sohaib","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/246024c9-3ffb-435e-8f29-7800c63579fc/qcgkznal","slug":"sk-developers","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-04T04:57:04.732Z","latestAt":"2026-09-04T04:57:04.732Z"},{"id":"01a06ac7-0804-73bc-9c26-6470d41242a3","type":"creator.followed","target":{"type":"creator","id":"a2b26e64-750e-4489-aa0b-90367d3ca3ab","preview":"Suki Taiwo","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a2b26e64-750e-4489-aa0b-90367d3ca3ab/xz2mxbmy","slug":"creatorsuki","targetDeleted":false,"owned":false,"feedItemType":null,"actions":null},"context":null,"actors":[{"id":"246024c9-3ffb-435e-8f29-7800c63579fc","name":"Muhammad Sohaib","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/246024c9-3ffb-435e-8f29-7800c63579fc/qcgkznal","slug":"sk-developers","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-04T04:57:03.743Z","latestAt":"2026-09-04T04:57:03.743Z"},{"id":"01a06878-7526-716d-8fd1-afa7d64ef771","type":"component.created","target":{"type":"component","id":"zlLh3eTvelANh35NONqP","preview":"ChromaType Text","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/246024c9-3ffb-435e-8f29-7800c63579fc/01a06873-7697-753c-9cb5-637b1de84056.png","targetDeleted":false,"owned":false,"feedItemType":null,"actions":null},"context":null,"actors":[{"id":"246024c9-3ffb-435e-8f29-7800c63579fc","name":"Muhammad Sohaib","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/246024c9-3ffb-435e-8f29-7800c63579fc/qcgkznal","slug":"sk-developers","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-09-03T18:11:59.910Z","latestAt":"2026-09-03T18:11:59.910Z"},{"id":"01a06803-700c-719a-bb23-0473a2055b3d","type":"creator.followed","target":{"type":"creator","id":"db7a6821-a4ec-45fb-88fc-f791fbb3c977","preview":"Elemis Themes","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/db7a6821-a4ec-45fb-88fc-f791fbb3c977/vkpu3qsq","slug":"elemis-themes","targetDeleted":false,"owned":false,"feedItemType":null,"actions":null},"context":null,"actors":[{"id":"246024c9-3ffb-435e-8f29-7800c63579fc","name":"Muhammad Sohaib","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/246024c9-3ffb-435e-8f29-7800c63579fc/qcgkznal","slug":"sk-developers","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-03T16:04:10.858Z","latestAt":"2026-09-03T16:04:10.858Z"},{"id":"01a06803-6bc1-7563-b3c7-12d89ad869d2","type":"creator.followed","target":{"type":"creator","id":"b93a306d-0af6-45ce-9cf6-09f5a4245791","preview":"Oleksandr Demydov","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1308085/avatar-n6R4b9ZkHcwsSQM6JuZ6CB7UjvRw2l.jpg","slug":"oleksandr-demydov","targetDeleted":false,"owned":false,"feedItemType":null,"actions":null},"context":null,"actors":[{"id":"246024c9-3ffb-435e-8f29-7800c63579fc","name":"Muhammad Sohaib","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/246024c9-3ffb-435e-8f29-7800c63579fc/qcgkznal","slug":"sk-developers","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-03T16:04:09.786Z","latestAt":"2026-09-03T16:04:09.786Z"},{"id":"01a06803-66b3-750d-82c4-d1fa874ffbbc","type":"creator.followed","target":{"type":"creator","id":"76b4b578-e30a-45d6-bdc8-810b1355191b","preview":"Oladele samson","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/76b4b578-e30a-45d6-bdc8-810b1355191b/h48r8m80","slug":"oladele-samson","targetDeleted":false,"owned":false,"feedItemType":null,"actions":null},"context":null,"actors":[{"id":"246024c9-3ffb-435e-8f29-7800c63579fc","name":"Muhammad Sohaib","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/246024c9-3ffb-435e-8f29-7800c63579fc/qcgkznal","slug":"sk-developers","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-03T16:04:08.494Z","latestAt":"2026-09-03T16:04:08.494Z"},{"id":"01a06803-6367-754b-a4a2-a06636559791","type":"creator.followed","target":{"type":"creator","id":"f3bcca2c-2544-411e-8449-d25c09e09151","preview":"Josep de Villaret Pons i Mataró","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/f3bcca2c-2544-411e-8449-d25c09e09151/7jpq248t","slug":"josep-de-villaret-pons-i-mataro","targetDeleted":false,"owned":false,"feedItemType":null,"actions":null},"context":null,"actors":[{"id":"246024c9-3ffb-435e-8f29-7800c63579fc","name":"Muhammad Sohaib","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/246024c9-3ffb-435e-8f29-7800c63579fc/qcgkznal","slug":"sk-developers","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-03T16:04:07.649Z","latestAt":"2026-09-03T16:04:07.649Z"},{"id":"01a06803-5e05-760b-ba85-8b1d2860cf27","type":"creator.followed","target":{"type":"creator","id":"3e5e71d1-2797-4aea-832e-396f539086c1","preview":"Solt Wagner","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/34897/avatar-Dw7Es90hZZxtV6exw82xl2AlEAFD6x.jpg","slug":"solt","targetDeleted":false,"owned":false,"feedItemType":null,"actions":null},"context":null,"actors":[{"id":"246024c9-3ffb-435e-8f29-7800c63579fc","name":"Muhammad Sohaib","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/246024c9-3ffb-435e-8f29-7800c63579fc/qcgkznal","slug":"sk-developers","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-03T16:04:06.255Z","latestAt":"2026-09-03T16:04:06.255Z"}],"pagination":{"next":"MjAyNi0wOS0wM1QxNjowNDowNi4yNTVafDAxYTA2ODAzLTVlMDUtNzYwYi1iYTg1LThiMWQyODYwY2YyNw","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:246024c9-3ffb-435e-8f29-7800c63579fc:/unified/posts/?creator=246024c9-3ffb-435e-8f29-7800c63579fc&with=reposts":[{"data":[{"id":"01a163d8-8913-73d4-bbc0-eaeea42758f4","title":null,"body":"

I built Website Showcase to make presenting website projects easier in Framer.

Show the complete hero, switch between desktop, tablet and mobile screenshots, and let visitors explore the full page in an enlarged viewer.

Customize backgrounds, frames, typography and viewport heights to match your portfolio.

Made for designer portfolios, agency work pages and project case studies. Includes three editable starters.

Try the preview and let me know what you think.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"I built Website Showcase to make presenting website projects easier in Framer."}]},{"type":"paragraph","content":[{"type":"text","text":"Show the complete hero, switch between desktop, tablet and mobile screenshots, and let visitors explore the full page in an enlarged viewer."}]},{"type":"paragraph","content":[{"type":"text","text":"Customize backgrounds, frames, typography and viewport heights to match your portfolio."}]},{"type":"paragraph","content":[{"type":"text","text":"Made for designer portfolios, agency work pages and project case studies. Includes three editable starters."}]},{"type":"paragraph","content":[{"type":"text","text":"Try the preview and let me know what you think."}]}]},"author":{"framerUserId":"246024c9-3ffb-435e-8f29-7800c63579fc","name":"Muhammad Sohaib","slug":"sk-developers","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/246024c9-3ffb-435e-8f29-7800c63579fc/qcgkznal","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"HCqSXnZJ960AHPBMRgmP","resolved":true,"title":"Project Showcase SK","body":"$51","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Free at launch for 7 Days","marks":[{"type":"bold"},{"type":"italic"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Showcase your website projects across desktop, tablet and mobile with a customizable Framer component."}]},{"type":"paragraph","content":[{"type":"text","text":"Website Showcase brings device mockups, complete hero previews and full-page screenshot exploration into your portfolio or case study. Give visitors a clear view of your work without building a separate presentation for every device."}]},{"type":"paragraph","content":[{"type":"text","text":"Made for portfolios and case studies","marks":[{"type":"bold"}]},{"type":"text","text":" Present client websites, landing pages and redesign projects on designer portfolios, freelancer websites and agency work pages."}]},{"type":"paragraph","content":[{"type":"text","text":"Desktop, tablet and mobile previews","marks":[{"type":"bold"}]},{"type":"text","text":" Upload a separate screenshot for each device. Visitors can switch between views, and you can hide devices without an uploaded image."}]},{"type":"paragraph","content":[{"type":"text","text":"Hero previews and full-page exploration","marks":[{"type":"bold"}]},{"type":"text","text":" Show the complete hero without unnecessary scrolling. Add an optional full-page screenshot so visitors can explore the rest of the website in an enlarged viewer."}]},{"type":"paragraph","content":[{"type":"text","text":"Flexible viewport sizing","marks":[{"type":"bold"}]},{"type":"text","text":" Set independent device heights using values such as 80vh, 100vh or 100dvh. Choose a complete-image view, cropped viewport or optional full-page scrolling."}]},{"type":"paragraph","content":[{"type":"text","text":"Customizable backgrounds and frames","marks":[{"type":"bold"}]},{"type":"text","text":" Match your portfolio with solid colors, gradients or a transparent canvas. Adjust browser and device frames, borders, corners, shadows and spacing."}]},{"type":"paragraph","content":[{"type":"text","text":"Editable navigation and project details","marks":[{"type":"bold"}]},{"type":"text","text":" Customize device tabs, icons, labels and typography. Add your project title, category and website link."}]},{"type":"paragraph","content":[{"type":"text","text":"An enlarged view of your work","marks":[{"type":"bold"}]},{"type":"text","text":" Let visitors switch devices, view hero or full-page images, and choose fit-to-width or actual-size display."}]},{"type":"paragraph","content":[{"type":"text","text":"Insert the component into Framer, upload your screenshots and customize it through the property panel. No API key or backend setup is required."}]},{"type":"paragraph","content":[{"type":"text","text":"Each instance showcases one project using uploaded screenshots. Brightly is shown for demonstration; its website design and imagery are not included."}]},{"type":"paragraph","content":[{"type":"text","text":"Live demo: "},{"type":"text","text":"https://skprojectshowcase.framer.website/","marks":[{"type":"link","attrs":{"href":"https://skprojectshowcase.framer.website/","target":"_blank","rel":"noopener noreferrer nofollow"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Created by StyledFrame."}]}]},"introduction":"Desktop, tablet & mobile mockups","slug":"project-showcase-sk","author":{"framerUserId":"246024c9-3ffb-435e-8f29-7800c63579fc","name":"Muhammad Sohaib","slug":"sk-developers","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/246024c9-3ffb-435e-8f29-7800c63579fc/qcgkznal","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/PqPR2ZdEKpyvFgOmZVQfvfxkjgRZ01vJIebchoJnR0101o.m3u8","metadata":{"posterUrl":"https://image.mux.com/PqPR2ZdEKpyvFgOmZVQfvfxkjgRZ01vJIebchoJnR0101o/thumbnail.webp?time=5.767","aspectRatio":"4:3","duration":40.066667}}],"post":null,"createdAt":"2026-10-22T13:41:37.001Z","updatedAt":"2026-10-22T13:45:48.116Z","publishedAt":"2026-10-22T13:41:36.996Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/StyledFrameWebsiteShowcase-j4WH7U.js@ZmBeBovnLEob7E9xsc7N","previewUrl":"https://skprojectshowcase.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"66bb31f7-cddf-4a3e-8604-95b3467aecc2","name":"Galleries","slug":"galleries"}],"lastSaveId":"ZmBeBovnLEob7E9xsc7N","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-22T13:41:37.684Z","updatedAt":"2026-10-22T13:41:37.684Z","type":"post"},{"id":"01a15fd2-f5d4-74eb-b048-f0f40b605e66","title":null,"body":"

Website redesign and Framer development for Brightly, a food-surplus intelligence company.

I designed and built a multi-page website using bold typography, purple and lavender accents, and clear layouts to make complex data and climate information easier to understand.

From the homepage to supporting pages, the focus was consistency, readability, and a polished mobile experience.

https://brightly.earth/

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Website redesign and Framer development for Brightly, a food-surplus intelligence company."}]},{"type":"paragraph","content":[{"type":"text","text":"I designed and built a multi-page website using bold typography, purple and lavender accents, and clear layouts to make complex data and climate information easier to understand."}]},{"type":"paragraph","content":[{"type":"text","text":"From the homepage to supporting pages, the focus was consistency, readability, and a polished mobile experience."}]},{"type":"paragraph","content":[{"type":"text","text":"https://brightly.earth/","marks":[{"type":"link","attrs":{"href":"https://brightly.earth/","target":"_blank","rel":"noopener noreferrer nofollow"}}]}]}]},"author":{"framerUserId":"246024c9-3ffb-435e-8f29-7800c63579fc","name":"Muhammad Sohaib","slug":"sk-developers","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/246024c9-3ffb-435e-8f29-7800c63579fc/qcgkznal","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"18683","resolved":true,"title":"Brightly","body":"

I redesigned and developed Brightly’s multi-page website in Framer to communicate its work in food-surplus intelligence and climate impact.

The design combines bold typography, purple and lavender accents, and clear content hierarchy to make complex information easier to understand.

My work covered the homepage and supporting pages, responsive layouts, and refinements through client feedback, creating a consistent experience across desktop, tablet, and mobile.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"I "},{"type":"text","text":"redesigned and developed Brightly’s multi-page website ","marks":[{"type":"bold"}]},{"type":"text","text":"in Framer to communicate its work in food-surplus intelligence and climate impact."}]},{"type":"paragraph","content":[{"type":"text","text":"The design combines bold typography, purple and lavender accents, and clear content hierarchy to make complex information easier to understand."}]},{"type":"paragraph","content":[{"type":"text","text":"My work covered the homepage and supporting pages, responsive layouts, and refinements through client feedback, creating a consistent experience across desktop, tablet, and mobile."}]}]},"introduction":"","slug":"brightly","author":{"framerUserId":"246024c9-3ffb-435e-8f29-7800c63579fc","name":"Muhammad Sohaib","slug":"sk-developers","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/246024c9-3ffb-435e-8f29-7800c63579fc/qcgkznal","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/246024c9-3ffb-435e-8f29-7800c63579fc/01a15fcb-13e6-71f8-9d8d-5ccd8bb9ebfd.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/246024c9-3ffb-435e-8f29-7800c63579fc/01a15fd1-54b1-7589-b18f-f09c135648c3.png","metadata":{"tint":{"h":264,"s":50,"l":16},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-10-21T18:57:02.843Z","updatedAt":"2026-10-21T18:57:02.843Z","publishedAt":"2026-10-21T18:57:02.839Z","featuredAt":null,"approvedAt":null,"type":"site","attributes":{"url":"https://brightly.earth/","categories":[],"mainCategory":{"id":"551a6140-9243-4f61-a768-aec95acc7a78","name":"Food","slug":"food"},"styles":[{"id":"c9d42c9a-f127-49d8-a4c4-61992277c76a","name":"Editorial","slug":"editorial"},{"id":"303f0ab5-6ac2-43e9-8257-f08773521d38","name":"Corporate","slug":"corporate"}],"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-21T18:57:03.444Z","updatedAt":"2026-10-21T18:57:03.444Z","type":"post"},{"id":"01a15fb3-0c7b-745b-b22d-aafa538f783e","title":null,"body":"

Sharing my Framer development work for Sahara AI.

I translated client-provided Figma designs into a responsive website, implementing reusable components, animations, and interactions across desktop, tablet, and mobile.

Design by the client’s team. Framer development by me.

https://saharaai.com/

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Sharing my Framer development work for Sahara AI."}]},{"type":"paragraph","content":[{"type":"text","text":"I translated client-provided Figma designs into a responsive website, implementing reusable components, animations, and interactions across desktop, tablet, and mobile."}]},{"type":"paragraph","content":[{"type":"text","text":"Design by the client’s team. Framer development by me."}]},{"type":"paragraph","content":[{"type":"text","text":"https://saharaai.com/","marks":[{"type":"link","attrs":{"href":"https://saharaai.com/","target":"_blank","rel":"noopener noreferrer nofollow"}}]}]}]},"author":{"framerUserId":"246024c9-3ffb-435e-8f29-7800c63579fc","name":"Muhammad Sohaib","slug":"sk-developers","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/246024c9-3ffb-435e-8f29-7800c63579fc/qcgkznal","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"18682","resolved":true,"title":"Sahara AI","body":"

I developed the Sahara AI website in Framer from client-provided Figma designs.

My role focused on translating the supplied layouts into a responsive website, implementing reusable components, interactions, and animations, and refining the experience across screen sizes.

The project demonstrates my ability to work within an established design direction and carry detailed designs through to a published Framer website.

Design supplied by the client. Framer development by me.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"I "},{"type":"text","text":"developed the Sahara AI website in Framer ","marks":[{"type":"bold"}]},{"type":"text","text":"from client-provided Figma designs."}]},{"type":"paragraph","content":[{"type":"text","text":"My role","marks":[{"type":"bold"}]},{"type":"text","text":" focused on translating the supplied layouts into a responsive website, implementing reusable components, interactions, and animations, and refining the experience across screen sizes."}]},{"type":"paragraph","content":[{"type":"text","text":"The project demonstrates my ability to work within an established design direction and carry detailed designs through to a published Framer website."}]},{"type":"paragraph","content":[{"type":"text","text":"Design supplied by the client. "},{"type":"text","text":"Framer development by me.","marks":[{"type":"bold"}]}]}]},"introduction":"","slug":"sahara-ai","author":{"framerUserId":"246024c9-3ffb-435e-8f29-7800c63579fc","name":"Muhammad Sohaib","slug":"sk-developers","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/246024c9-3ffb-435e-8f29-7800c63579fc/qcgkznal","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/246024c9-3ffb-435e-8f29-7800c63579fc/01a15fae-4ea1-731b-a51a-8c3508ec8125.png","metadata":{"tint":{"h":0,"s":0,"l":58},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/246024c9-3ffb-435e-8f29-7800c63579fc/01a15fb0-9f88-77b2-805d-5cad6b5e91b2.png"}],"post":null,"createdAt":"2026-10-21T18:22:11.420Z","updatedAt":"2026-10-21T18:22:11.420Z","publishedAt":"2026-10-21T18:22:11.416Z","featuredAt":null,"approvedAt":null,"type":"site","attributes":{"url":"https://saharaai.com/","categories":[],"mainCategory":{"id":"0539c25a-136d-4f8b-a2e7-342a21b7d607","name":"AI","slug":"ai"},"styles":[{"id":"bfef686f-0676-42d4-8864-38e7fea1f763","name":"Bold","slug":"bold"},{"id":"2940d298-d28f-4433-86ea-79ab7f17264b","name":"Futuristic","slug":"futuristic"}],"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-21T18:22:12.091Z","updatedAt":"2026-10-21T18:22:12.091Z","type":"post"},{"id":"01a07196-643b-71a8-ba9b-3201cde6d102","title":null,"body":"

LeadFlow is live ⚡️

A premium lead qualification experience for Framer — turning visitor answers into project profiles, fit scores, and next steps.

Now available

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"LeadFlow is live "},{"type":"emoji","attrs":{"name":"zap","emoji":"⚡"}},{"type":"text","text":"️"}]},{"type":"paragraph","content":[{"type":"text","text":"A premium lead qualification experience for Framer — turning visitor answers into project profiles, fit scores, and next steps."}]},{"type":"paragraph","content":[{"type":"text","text":"Now available"}]}]},"author":{"framerUserId":"246024c9-3ffb-435e-8f29-7800c63579fc","name":"Muhammad Sohaib","slug":"sk-developers","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/246024c9-3ffb-435e-8f29-7800c63579fc/qcgkznal","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"1Wpekmn7MBdttjB9Gb8P","resolved":true,"title":"LeadFlow","body":"$52","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"LeadFlow is a premium lead qualification component for Framer that turns a traditional form into an interactive project assessment experience."}]},{"type":"paragraph","content":[{"type":"text","text":"Instead of collecting basic contact information, LeadFlow guides visitors through a series of questions and transforms their answers into a structured project profile, fit score, lead priority, and recommended next step."}]},{"type":"paragraph","content":[{"type":"text","text":"Designed for agencies, freelancers, consultants, studios, and service businesses that want to qualify leads before a sales call."}]},{"type":"paragraph","content":[{"type":"text","text":"WHAT MAKES IT DIFFERENT"}]},{"type":"paragraph","content":[{"type":"text","text":"• Interactive multi-step qualification flow"}]},{"type":"paragraph","content":[{"type":"text","text":"• Project profile generated from visitor answers"}]},{"type":"paragraph","content":[{"type":"text","text":"• Lead fit scoring"}]},{"type":"paragraph","content":[{"type":"text","text":"• Lead priority indicator"}]},{"type":"paragraph","content":[{"type":"text","text":"• Recommended next step"}]},{"type":"paragraph","content":[{"type":"text","text":"• Premium dashboard-style results"}]},{"type":"paragraph","content":[{"type":"text","text":"• Progress tracking"}]},{"type":"paragraph","content":[{"type":"text","text":"• Structured project brief"}]},{"type":"paragraph","content":[{"type":"text","text":"• Copy project brief functionality"}]},{"type":"paragraph","content":[{"type":"text","text":"• Responsive layout"}]},{"type":"paragraph","content":[{"type":"text","text":"• Customizable visual styling"}]},{"type":"paragraph","content":[{"type":"text","text":"• Easy integration into Framer"}]},{"type":"paragraph","content":[{"type":"text","text":"PERFECT FOR"}]},{"type":"paragraph","content":[{"type":"text","text":"• Web design agencies"}]},{"type":"paragraph","content":[{"type":"text","text":"• Framer freelancers"}]},{"type":"paragraph","content":[{"type":"text","text":"• Marketing agencies"}]},{"type":"paragraph","content":[{"type":"text","text":"• SaaS agencies"}]},{"type":"paragraph","content":[{"type":"text","text":"• Consultants"}]},{"type":"paragraph","content":[{"type":"text","text":"• Creative studios"}]},{"type":"paragraph","content":[{"type":"text","text":"• Development agencies"}]},{"type":"paragraph","content":[{"type":"text","text":"• Service businesses"}]},{"type":"paragraph","content":[{"type":"text","text":"• Project inquiry pages"}]},{"type":"paragraph","content":[{"type":"text","text":"• Lead qualification funnels"}]},{"type":"paragraph","content":[{"type":"text","text":"HOW IT WORKS"}]},{"type":"paragraph","content":[{"type":"text","text":"Visitors answer a short series of project questions such as their needs, company type, project size, timeline, budget, and urgency."}]},{"type":"paragraph","content":[{"type":"text","text":"LeadFlow processes the responses and presents a clear project profile with fit, priority, complexity, and a recommended next step."}]},{"type":"paragraph","content":[{"type":"text","text":"This creates a more engaging experience for visitors while giving businesses better context before starting a conversation."}]},{"type":"paragraph","content":[{"type":"text","text":"BUILT FOR BETTER LEADS"}]},{"type":"paragraph","content":[{"type":"text","text":"LeadFlow goes beyond the traditional Name, Email, Message form."}]},{"type":"paragraph","content":[{"type":"text","text":"It creates an interactive qualification experience that helps visitors understand their project while giving businesses more useful information before a call."}]},{"type":"paragraph","content":[{"type":"text","text":"EASY TO CUSTOMIZE"}]},{"type":"paragraph","content":[{"type":"text","text":"Customize the questions, answers, styling, colors, typography, labels, scoring logic, and result states to match your brand and qualification process."}]},{"type":"paragraph","content":[{"type":"text","text":"No coding required."}]}]},"introduction":"Smart Lead Qualification Form","slug":"leadflow","author":{"framerUserId":"246024c9-3ffb-435e-8f29-7800c63579fc","name":"Muhammad Sohaib","slug":"sk-developers","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/246024c9-3ffb-435e-8f29-7800c63579fc/qcgkznal","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/246024c9-3ffb-435e-8f29-7800c63579fc/01a07191-a580-721c-bfb2-6d462ad1a422.jpg","metadata":{"tint":{"h":240,"s":25,"l":13},"width":2400,"height":1792}}],"post":null,"createdAt":"2026-09-05T12:41:16.058Z","updatedAt":"2026-09-05T12:41:16.058Z","publishedAt":"2026-09-05T12:41:16.055Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://mspro.framer.website/","price":"9","paymentUrl":"https://contra.com/payment-link/bDslT3DM-lead-flow-smart-lead-qualification-form","workshop":false,"categories":[{"id":"bc230830-1d89-456e-96fe-6a9de5a801d0","name":"Forms","slug":"forms"}],"lastSaveId":"vfhW8nPyCT4egvZE7p6q","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-05T12:41:16.603Z","updatedAt":"2026-09-05T12:41:16.603Z","type":"post"},{"id":"01a06878-7324-702e-a760-4a25297ac840","title":null,"body":"

ChromaType Text is live ✨

A free animated typewriter component for Framer with chromatic text effects, glow, letter animations, cursor controls, and flexible typography.

Built for modern hero sections, landing pages, portfolios, and creative websites.

Free →

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"ChromaType Text is live ","marks":[{"type":"bold"}]},{"type":"emoji","attrs":{"name":"sparkles","emoji":"✨"}}]},{"type":"paragraph","content":[{"type":"text","text":"A free animated typewriter component for Framer with chromatic text effects, glow, letter animations, cursor controls, and flexible typography."}]},{"type":"paragraph","content":[{"type":"text","text":"Built for modern hero sections, landing pages, portfolios, and creative websites."}]},{"type":"paragraph","content":[{"type":"text","text":"Free →","marks":[{"type":"bold"}]}]}]},"author":{"framerUserId":"246024c9-3ffb-435e-8f29-7800c63579fc","name":"Muhammad Sohaib","slug":"sk-developers","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/246024c9-3ffb-435e-8f29-7800c63579fc/qcgkznal","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"zlLh3eTvelANh35NONqP","resolved":true,"title":"ChromaType Text","body":"$53","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"ChromaType Text is a customizable animated typewriter component for Framer that brings headlines to life with smooth typing, deleting, and chromatic text effects."}]},{"type":"paragraph","content":[{"type":"text","text":"Designed for modern websites, ChromaType Text gives you control over animation timing, rotating phrases, chromatic effects, glow, cursor styling, letter animations, and typography — all directly from Framer’s property panel."}]},{"type":"paragraph","content":[{"type":"text","text":"Perfect for hero sections, landing pages, SaaS websites, portfolios, agency websites, product launches, and creative websites."}]},{"type":"paragraph","content":[{"type":"text","text":"What Makes It Stand Out"}]},{"type":"paragraph","content":[{"type":"text","text":"• Smooth typewriter and delete animations • Multiple rotating text phrases • Customizable typing speed • Adjustable delete speed • Configurable pause duration • Optional chromatic text effect • Adjustable hue spread • Optional chromatic glow • Optional letter pop-in animation • Customizable blinking cursor • Custom cursor color • Separate prefix and text colors • Font size and weight controls • Custom letter spacing • Optional custom font • Left, center, and right alignment • Responsive layout • Easy customization through Framer’s property panel"}]},{"type":"paragraph","content":[{"type":"text","text":"Customizations"}]},{"type":"paragraph","content":[{"type":"text","text":"• Prefix Text • Rotating Words / Phrases • Typing Speed • Delete Speed • Pause Duration • Chroma Effect • Hue Spread • Chroma Glow • Letter Pop-In • Cursor • Cursor Color • Prefix Color • Text Color • Font Size • Font Weight • Letter Spacing • Custom Font • Text Alignment"}]},{"type":"paragraph","content":[{"type":"text","text":"Perfect For"}]},{"type":"paragraph","content":[{"type":"text","text":"• Hero headlines • Landing pages • SaaS websites • Startup websites • Agency websites • Personal portfolios • Product launches • Creative websites • Marketing websites"}]},{"type":"paragraph","content":[{"type":"text","text":"Easy to Use"}]},{"type":"paragraph","content":[{"type":"text","text":"Add ChromaType Text to your Framer project, enter your phrases, customize the animation settings, and match it to your website’s typography and visual style."}]},{"type":"paragraph","content":[{"type":"text","text":"No coding required."}]}]},"introduction":"Animated Chroma Typewriter Text","slug":"chromatype-text","author":{"framerUserId":"246024c9-3ffb-435e-8f29-7800c63579fc","name":"Muhammad Sohaib","slug":"sk-developers","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/246024c9-3ffb-435e-8f29-7800c63579fc/qcgkznal","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/246024c9-3ffb-435e-8f29-7800c63579fc/01a06873-7697-753c-9cb5-637b1de84056.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1448,"height":1086}}],"post":null,"createdAt":"2026-09-03T18:11:58.846Z","updatedAt":"2026-09-03T18:11:58.846Z","publishedAt":"2026-09-03T18:11:58.843Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/Chromatyp-text-Azsz6C.js@o6P4y96bEDlAm9UXa2M7","previewUrl":"https://chromma.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"o6P4y96bEDlAm9UXa2M7","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":8,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-03T18:11:59.396Z","updatedAt":"2026-09-03T18:11:59.396Z","type":"post"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L54"}]