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

Focus Panels is a content-focused layout built around clarity and interaction.

At any time, one panel is active — expanded to reveal its heading and supporting text — while the other panels remain compact and visual. This creates a strong sense of hierarchy without overwhelming the user.

When a new panel is selected, the layout transitions smoothly: the active panel collapses while the selected one expands into focus. The motion is subtle and intentional, reinforcing structure rather than distracting from the content.

This interaction pattern is ideal for showcasing services, product features, or key highlights in a way that feels organized, modern, and easy to scan.

The component is fully responsive and adapts naturally across screen sizes while maintaining its visual balance and interaction logic.

Features:

3-column interactive layout
Single active panel focus
Click-based expansion
Smooth content transitions
Clean, minimal design
Fully responsive and customizable

63:T449,

Perspective Slider is a visually rich carousel built around depth, focus, and spatial motion.

The active card always sits centered in a flat, 2D state, while the surrounding cards tilt inward using a subtle 3D perspective. This creates a natural sense of hierarchy and direction without overwhelming the layout.

Users can navigate through the slider using arrow controls or by clicking directly on any visible card. When switching, the newly selected card moves into the center and flattens, while the previous center card shifts left or right and adopts the 3D tilt — keeping the structure consistent at all times.

The slider loops infinitely, making it ideal for galleries, featured work, product showcases, or editorial content where visual continuity and depth matter.

Features:

Infinite looping slider
Center-focused 2D card
3D tilted side cards
Arrow and click-based navigation
Smooth perspective transitions
Responsive and fully customizable

60:["$","$L61",null,{"value":{"fallback":{"$inf$activity-creator-d5001859-055b-44cc-ad23-9210460e04fb-all:/unified/creator/d5001859-055b-44cc-ad23-9210460e04fb/activity/":[{"data":[],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:d5001859-055b-44cc-ad23-9210460e04fb:/unified/posts/?creator=d5001859-055b-44cc-ad23-9210460e04fb&with=reposts":[{"data":[{"id":"019d96bb-5be2-7fe0-ae74-1ac154f8f8e6","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"d5001859-055b-44cc-ad23-9210460e04fb","name":"Bob Torfs","slug":"designbybob","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/548899/avatar-dAqSh18KaA50aJtFqPRwMMk3l9EFDV.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"14827","resolved":true,"title":"Brier studio","body":null,"bodyJson":null,"introduction":"BRIER is a creative studio specializing in identity design and brand strategy.","slug":"brier-studio","author":{"framerUserId":"d5001859-055b-44cc-ad23-9210460e04fb","name":"Bob Torfs","slug":"designbybob","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/548899/avatar-dAqSh18KaA50aJtFqPRwMMk3l9EFDV.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/sites/14827/thumbnail-xxF6fz3UTZ7Ak4LwM62nMYtCJk5Kzw.jpg","metadata":{"tint":{"h":120,"s":50,"l":6},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-04-16T14:39:14.427Z","updatedAt":"2026-04-16T14:39:14.427Z","publishedAt":"2026-04-16T14:39:14.402Z","featuredAt":null,"approvedAt":null,"type":"site","attributes":{"url":"https://studiobrier.com/","categories":[{"id":"4e292c6b-a094-4031-be7b-7affa4349187","name":"Agency","slug":"agency"}],"mainCategory":null,"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-04-16T14:39:14.402Z","updatedAt":"2026-04-16T14:39:14.402Z"},{"id":"019d8de4-c12f-78b5-b31e-2b22a426679f","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"d5001859-055b-44cc-ad23-9210460e04fb","name":"Bob Torfs","slug":"designbybob","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/548899/avatar-dAqSh18KaA50aJtFqPRwMMk3l9EFDV.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"RgFZ72T47EwNv0Oi8YIx","resolved":true,"title":"Modern shift slider","body":"

Shift Slider is a motion-focused carousel built around continuous movement and flow.

As you navigate using the arrow controls, the first image scales down and fades out while the remaining images shift forward to take its place. This creates a cascading effect where every element moves in sync, resulting in a smooth and dynamic transition.

Unlike traditional sliders, this interaction emphasizes motion continuity instead of abrupt changes, making it feel more fluid and intentional.

The component is ideal for showcasing visuals, featured content, or product highlights in a way that feels alive without being distracting.

Features:

Arrow-based navigation
Cascading slide transitions
Scale-down & exit animation
Continuous motion flow
Clean, minimal layout
Fully responsive and customizable

","bodyJson":null,"introduction":"A cascading slider with fluid motion","slug":"modern-shift-slider","author":{"framerUserId":"d5001859-055b-44cc-ad23-9210460e04fb","name":"Bob Torfs","slug":"designbybob","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/548899/avatar-dAqSh18KaA50aJtFqPRwMMk3l9EFDV.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/RgFZ72T47EwNv0Oi8YIx/modern-shift-slider-iqyfFOf2dquoVvytB0xvkuHhQLI63z","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-04-03T19:06:31.958Z","updatedAt":"2026-04-14T08:43:37.295Z","publishedAt":"2026-04-14T21:27:52.367Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://modern-shift-slider.framer.website/","price":"12","paymentUrl":"https://designbybob.gumroad.com/l/modern-shift-slider","workshop":false,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"CfMEv23M8cCFijRrtnsl","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-04-14T21:27:52.367Z","updatedAt":"2026-04-14T21:27:52.367Z"},{"id":"019d8de4-b5fd-7377-8f3f-11ec0fa267a6","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"d5001859-055b-44cc-ad23-9210460e04fb","name":"Bob Torfs","slug":"designbybob","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/548899/avatar-dAqSh18KaA50aJtFqPRwMMk3l9EFDV.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"6eOPjj0ysulDXozgy3u2","resolved":true,"title":"Minimal focus panels","body":"$62","bodyJson":null,"introduction":"An interactive grid with shifting focus","slug":"minimal-focus-panels","author":{"framerUserId":"d5001859-055b-44cc-ad23-9210460e04fb","name":"Bob Torfs","slug":"designbybob","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/548899/avatar-dAqSh18KaA50aJtFqPRwMMk3l9EFDV.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/6eOPjj0ysulDXozgy3u2/minimal-focus-panels-ZLid6iSFIHp8A6Lbu9u9HTrzi9mmGl","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-04-04T17:46:18.690Z","updatedAt":"2026-04-14T21:19:02.014Z","publishedAt":"2026-04-14T21:27:49.501Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://minimal-focus-panels.framer.website/","price":"12","paymentUrl":"https://designbybob.gumroad.com/l/minimal-focus-panels","workshop":false,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"EMQQv0B562WC3fsYz6s0","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":11,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-04-14T21:27:49.501Z","updatedAt":"2026-04-14T21:27:49.501Z"},{"id":"019c6c89-1018-734d-9fdb-630bfb2f684a","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"d5001859-055b-44cc-ad23-9210460e04fb","name":"Bob Torfs","slug":"designbybob","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/548899/avatar-dAqSh18KaA50aJtFqPRwMMk3l9EFDV.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"ZLldHcmCskMYGUlzH9DD","resolved":true,"title":"Minimal testimonials","body":"

Auto Testimonial is a clean, modern testimonial section designed for clarity and rhythm.

Each testimonial automatically switches to the next after a set duration, supported by a subtle loading bar that visually indicates when the next transition will occur. This keeps the section dynamic without feeling intrusive.

Users can also click on any testimonial tab to instantly switch content. When switching — whether automatically or manually — the content animates smoothly, maintaining a calm and professional feel.

The layout is minimal and editorial, making it ideal for SaaS landing pages, product sites, agencies, and startups that want social proof presented in a refined way.

Features:

Automatic testimonial rotation
10-second timed transitions
Progress/loading bar per active tab
Click-based manual navigation
Smooth content animations
Fully responsive and customizable

","bodyJson":null,"introduction":"Auto-rotating testimonial tabs","slug":"minimal-testimonials","author":{"framerUserId":"d5001859-055b-44cc-ad23-9210460e04fb","name":"Bob Torfs","slug":"designbybob","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/548899/avatar-dAqSh18KaA50aJtFqPRwMMk3l9EFDV.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/ZLldHcmCskMYGUlzH9DD/minimal-testimonials-7Ea3Buesov8jfc8LOcOVTUy2bbATqh","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-02-15T22:51:38.011Z","updatedAt":"2026-02-17T16:09:49.044Z","publishedAt":"2026-02-17T16:57:27.832Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://minimal-testimonials.framer.website/","price":"12","paymentUrl":"https://designbybob.gumroad.com/l/minimal-testimonials","workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"UFA4JGscnTESESa2gOPe","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":30,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-02-17T16:57:27.832Z","updatedAt":"2026-02-17T16:57:27.832Z"},{"id":"019c3ea0-661c-7847-bb97-1c9139644683","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"d5001859-055b-44cc-ad23-9210460e04fb","name":"Bob Torfs","slug":"designbybob","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/548899/avatar-dAqSh18KaA50aJtFqPRwMMk3l9EFDV.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"i2cL3aiw4W4NWKVmU0MZ","resolved":true,"title":"card carousel slider","body":"

Stacked Card Slider is a modern carousel component designed to highlight visual content through layering and motion.

One card is always centered and fully visible, while the remaining cards stack behind it to create depth and hierarchy. Navigating left or right smoothly brings the next card forward, maintaining a calm and controlled interaction.

On mobile, the layout adapts to show fewer stacked cards behind the active one, ensuring the component remains compact and readable on smaller screens.

The animation is subtle and intentional, making this component ideal for showcasing featured work, products, galleries, or visual stories without relying on traditional sliders.

Features:

Card-based carousel layout
Stacked depth effect
Arrow navigation
Smooth forward/backward transitions
Mobile-optimized stacked view
Fully customizable and responsive

","bodyJson":null,"introduction":"A layered card carousel with depth","slug":"card-carousel-slider","author":{"framerUserId":"d5001859-055b-44cc-ad23-9210460e04fb","name":"Bob Torfs","slug":"designbybob","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/548899/avatar-dAqSh18KaA50aJtFqPRwMMk3l9EFDV.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/i2cL3aiw4W4NWKVmU0MZ/card-carousel-slider-DBpGjHt2b7gb2Kyt0kf9jkqXBJWsvE","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-01-28T23:17:07.515Z","updatedAt":"2026-02-08T18:08:20.646Z","publishedAt":"2026-02-08T19:00:25.244Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://smooth-carousel-slider.framer.website/","price":"12","paymentUrl":"https://designbybob.gumroad.com/l/smooth-carousel-slider","workshop":false,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"AVxpXKW0smatvDnpEOtF","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":9,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-02-08T19:00:25.244Z","updatedAt":"2026-02-08T19:00:25.244Z"},{"id":"019c34c5-7551-75a1-ba1d-271b389ef2cb","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"d5001859-055b-44cc-ad23-9210460e04fb","name":"Bob Torfs","slug":"designbybob","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/548899/avatar-dAqSh18KaA50aJtFqPRwMMk3l9EFDV.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"tmN1D4bAr6hmfIze9yuR","resolved":true,"title":"Depth slider","body":"$63","bodyJson":null,"introduction":"A centered slider with 3D perspective","slug":"depth-slider","author":{"framerUserId":"d5001859-055b-44cc-ad23-9210460e04fb","name":"Bob Torfs","slug":"designbybob","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/548899/avatar-dAqSh18KaA50aJtFqPRwMMk3l9EFDV.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/tmN1D4bAr6hmfIze9yuR/depth-slider-pbEOotl9nScQSw2iwo4ZtwNSejoepU","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-01-29T23:28:33.813Z","updatedAt":"2026-02-08T00:08:13.603Z","publishedAt":"2026-02-06T21:04:41.809Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://perspective-slider.framer.website/","price":"12","paymentUrl":"https://designbybob.gumroad.com/l/perspective-slider","workshop":false,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"RhALibep9WIQZHFlBuZL","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-02-06T21:04:41.809Z","updatedAt":"2026-02-06T21:04:41.809Z"},{"id":"019c0474-9d11-7464-8677-c6806592ca6d","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"d5001859-055b-44cc-ad23-9210460e04fb","name":"Bob Torfs","slug":"designbybob","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/548899/avatar-dAqSh18KaA50aJtFqPRwMMk3l9EFDV.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"i9ljXmWmct1ID2xL7Njj","resolved":true,"title":"Parallax tab section","body":"

This component lets you switch between content using either tabs or arrow controls, while dynamically updating the title, body text, and image.

Each transition is carefully animated: text fades and slides in smoothly, while images move in and out using a masked parallax effect that adds depth and visual flow to the layout.

Features:

Tab & arrow navigation
Dynamic title, text, and image
Masked parallax image transitions
Smooth motion animations
Fully customizable
Responsive on all devices

","bodyJson":null,"introduction":"Switch content using tabs or arrows","slug":"parallax-tab-section","author":{"framerUserId":"d5001859-055b-44cc-ad23-9210460e04fb","name":"Bob Torfs","slug":"designbybob","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/548899/avatar-dAqSh18KaA50aJtFqPRwMMk3l9EFDV.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/i9ljXmWmct1ID2xL7Njj/parallax-tab-section-cyu5EWZvwZR59dPkaiWgTba8U9v9YY","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-01-17T01:07:36.804Z","updatedAt":"2026-01-28T23:33:24.657Z","publishedAt":"2026-01-28T11:54:37.201Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://masked-parallax-tabs.framer.website/","price":"12","paymentUrl":"https://designbybob.gumroad.com/l/masked-parallax-tabs","workshop":false,"categories":[{"id":"4c691677-c621-4041-a908-cbc2d3272658","name":"Navigation","slug":"navigation"}],"lastSaveId":"8poceD5VZVMCGDvGck14","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-01-28T11:54:37.201Z","updatedAt":"2026-01-28T11:54:37.201Z"},{"id":"019c0129-01d2-7d91-9c4e-d06218471947","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"d5001859-055b-44cc-ad23-9210460e04fb","name":"Bob Torfs","slug":"designbybob","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/548899/avatar-dAqSh18KaA50aJtFqPRwMMk3l9EFDV.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"MqSFdaTPFry7gVDIMJpj","resolved":true,"title":"Accordion tab switch","body":"

This component combines a clean tab layout with an accordion-style content reveal and dynamic image switching.When a tab is selected, the corresponding image updates instantly while the text expands to show more context keeping the layout informative without feeling heavy.

The motion is subtle and polished, making it perfect for showcasing services, features, case studies, or FAQs in a modern, editorial way.

Features:

Tab-based navigation
Accordion-style content expansion
Dynamic image switching
Smooth transitions
Fully customizable
Responsive across all devices

","bodyJson":null,"introduction":"","slug":"accordion-tab-switch","author":{"framerUserId":"d5001859-055b-44cc-ad23-9210460e04fb","name":"Bob Torfs","slug":"designbybob","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/548899/avatar-dAqSh18KaA50aJtFqPRwMMk3l9EFDV.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/MqSFdaTPFry7gVDIMJpj/accordion-tab-switch-eYmMomoedYIuHCsfrUPbhZKmzXtXeD","metadata":{"tint":{"h":40,"s":21,"l":22},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-01-15T00:36:13.054Z","updatedAt":"2026-01-27T17:35:22.783Z","publishedAt":"2026-01-27T20:33:10.610Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://accordion-tab-switcher.framer.website/","price":"12","paymentUrl":"https://designbybob.gumroad.com/l/Accordion-tab-switcher","workshop":false,"categories":[{"id":"cf876fb8-579b-4a79-8604-b7feed61bcb0","name":"Accordions","slug":"accordions"}],"lastSaveId":"4NaD77CeScJSCJNd3c4R","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":30,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-01-27T20:33:10.610Z","updatedAt":"2026-01-27T20:33:10.610Z"},{"id":"019bf977-ffc5-7cc1-ae00-e618eab841b0","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"d5001859-055b-44cc-ad23-9210460e04fb","name":"Bob Torfs","slug":"designbybob","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/548899/avatar-dAqSh18KaA50aJtFqPRwMMk3l9EFDV.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"bGrvZK6xQscI3uTBq5Hy","resolved":true,"title":"Hover expand menu","body":"

This component enhances your navigation experience by revealing additional content when hovering over key menu items like Work or About.

Hovering over About opens a compact panel with a direct link to your about page, plus neatly styled social blocks for quick access to platforms like Instagram, LinkedIn, or X.

Hovering over Work reveals a preview of your most recent case, including a thumbnail image, title, and a shortcut to view all projects.

Everything is designed to feel smooth, lightweight, and intuitive. Helping visitors explore your site faster without breaking the flow.

Features:

Hover-based expanding menu
About panel with social links
Work preview with image
Quick access to all cases
Fully customizable
Responsive & smooth animations

","bodyJson":null,"introduction":"clean navigation that expands on hover","slug":"hover-expand-menu","author":{"framerUserId":"d5001859-055b-44cc-ad23-9210460e04fb","name":"Bob Torfs","slug":"designbybob","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/548899/avatar-dAqSh18KaA50aJtFqPRwMMk3l9EFDV.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/bGrvZK6xQscI3uTBq5Hy/hover-expand-menu-P8RZmmkzccrRdaKO5erh7a92EYt7Hc","metadata":{"tint":{"h":0,"s":0,"l":58},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-01-10T18:29:38.933Z","updatedAt":"2026-01-28T23:29:30.321Z","publishedAt":"2026-01-26T08:42:29.701Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://hover-expanding-menu.framer.website/","price":"12","paymentUrl":"https://designbybob.gumroad.com/l/Hover-expand-menu","workshop":false,"categories":[{"id":"4c691677-c621-4041-a908-cbc2d3272658","name":"Navigation","slug":"navigation"}],"lastSaveId":"4eAD2oLFazXIOBiovUcS","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":77,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-01-26T08:42:29.701Z","updatedAt":"2026-01-26T08:42:29.701Z"},{"id":"019bdd90-9cd8-7cb7-a9bc-c36d78c769ba","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"d5001859-055b-44cc-ad23-9210460e04fb","name":"Bob Torfs","slug":"designbybob","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/548899/avatar-dAqSh18KaA50aJtFqPRwMMk3l9EFDV.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"sGoKTnhwhqKBGpyDZmtI","resolved":true,"title":"Modern image slider","body":"

Indexed Slider is a fullscreen visual slider that lets users navigate between scenes using numbered tabs or previous and next controls. Each slide features its own loading indicator, clearly communicating transition timing and creating a calm, intentional rhythm.

Features

Fullscreen image slider
Numbered index navigation
Previous and next controls
Per-slide loading indicators
Fully responsive and customizable

","bodyJson":null,"introduction":"Image slider with timed transitions","slug":"modern-image-slider","author":{"framerUserId":"d5001859-055b-44cc-ad23-9210460e04fb","name":"Bob Torfs","slug":"designbybob","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/548899/avatar-dAqSh18KaA50aJtFqPRwMMk3l9EFDV.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/sGoKTnhwhqKBGpyDZmtI/modern-image-slider-xyMz9CMah8kClzW3GoU7q4FJ6HpWke","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-01-04T19:04:40.720Z","updatedAt":"2026-01-29T23:44:38.780Z","publishedAt":"2026-01-20T22:40:00.728Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://modern-image-slider.framer.website/","price":"12","paymentUrl":"https://designbybob.gumroad.com/l/modern-image-slider","workshop":false,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"4L5NjwUMvRCGNZ6n7EUw","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-01-20T22:40:00.728Z","updatedAt":"2026-01-20T22:40:00.728Z"},{"id":"019bc93b-d877-7c7e-b247-23af750a788b","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"d5001859-055b-44cc-ad23-9210460e04fb","name":"Bob Torfs","slug":"designbybob","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/548899/avatar-dAqSh18KaA50aJtFqPRwMMk3l9EFDV.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"FekTV4ien1jP7FtaP7rb","resolved":true,"title":"Interactive list","body":"

Interactive list presents projects in a clean, stacked layout. Hovering a title reveals a call-to-action and a staggered set of preview images, creating a refined browsing experience ideal for case studies, archives, or selected work.

Features

Stacked, vertical list layout
Hover-based reveal interaction
Staggered image animations
Contextual action button per item
Clean, editorial aesthetic
Fully responsive

","bodyJson":null,"introduction":"Revealing images with subtle interaction","slug":"interactive-list","author":{"framerUserId":"d5001859-055b-44cc-ad23-9210460e04fb","name":"Bob Torfs","slug":"designbybob","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/548899/avatar-dAqSh18KaA50aJtFqPRwMMk3l9EFDV.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/FekTV4ien1jP7FtaP7rb/interactive-list-ZqomD6h4NsrIJNJvcG4FKYNgc9Aaxm","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-12-31T18:45:51.807Z","updatedAt":"2026-02-02T19:46:47.026Z","publishedAt":"2026-01-16T23:55:01.111Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://modern-interactive-list.framer.website/","price":"12","paymentUrl":"https://designbybob.gumroad.com/l/modern-interactive-list","workshop":false,"categories":[{"id":"cd81cc33-d6cf-4630-8e59-b5b3100166ba","name":"Buttons","slug":"buttons"}],"lastSaveId":"NvjUp8kLNWGjlro6am3e","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-01-16T23:55:01.111Z","updatedAt":"2026-01-16T23:55:01.111Z"},{"id":"019bc1c9-9774-72f1-bc59-8030d65a5d66","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"d5001859-055b-44cc-ad23-9210460e04fb","name":"Bob Torfs","slug":"designbybob","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/548899/avatar-dAqSh18KaA50aJtFqPRwMMk3l9EFDV.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"fdd2OmGLmruJHNffBZ63","resolved":true,"title":"Smooth expanding nav","body":"

Expanding Menu is a modern Framer navigation component that unfolds with subtle motion. The menu expands smoothly to reveal primary links and social media actions, creating a focused navigation experience that works seamlessly across devices.

Features

Smooth expanding menu interaction
Primary navigation links
Integrated social media links
Refined hover and appear animations
Fully responsive and customizable

","bodyJson":null,"introduction":"expanding navigation menu","slug":"smooth-expanding-nav","author":{"framerUserId":"d5001859-055b-44cc-ad23-9210460e04fb","name":"Bob Torfs","slug":"designbybob","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/548899/avatar-dAqSh18KaA50aJtFqPRwMMk3l9EFDV.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/fdd2OmGLmruJHNffBZ63/smooth-expanding-nav-B4ZG6DTuWsNV80Jn1I4evAQtLyPsqi","metadata":{"tint":{"h":0,"s":0,"l":58},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-01-03T23:55:51.234Z","updatedAt":"2026-01-28T23:26:54.129Z","publishedAt":"2026-01-15T13:12:52.852Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://smooth-expanding-nav.framer.website/","price":"12","paymentUrl":"https://designbybob.gumroad.com/l/smooth-expanding-menu","workshop":false,"categories":[{"id":"4c691677-c621-4041-a908-cbc2d3272658","name":"Navigation","slug":"navigation"}],"lastSaveId":"WjTBhW1PxPE7QPpGT1yJ","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":12,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-01-15T13:12:52.852Z","updatedAt":"2026-01-15T13:12:52.852Z"},{"id":"019bc10f-586d-79ec-bf0b-cdee471b2250","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"d5001859-055b-44cc-ad23-9210460e04fb","name":"Bob Torfs","slug":"designbybob","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/548899/avatar-dAqSh18KaA50aJtFqPRwMMk3l9EFDV.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"wnQHcRTk19BJrYzs6Cfb","resolved":true,"title":"logo grid cycle","body":"

Animated Logo Grid is a refined Framer component designed to showcase clients or partners with subtle motion. Each grid cell cycles through logos independently, creating a lively yet controlled animation that avoids repetitive, synchronized loops.

Features

3×3 logo grid layout
Independent, staggered logo loops
Smooth in–out transitions
Clean, minimal presentation
Fully responsive

","bodyJson":null,"introduction":"looping logo transitions.","slug":"logo-grid-cycle","author":{"framerUserId":"d5001859-055b-44cc-ad23-9210460e04fb","name":"Bob Torfs","slug":"designbybob","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/548899/avatar-dAqSh18KaA50aJtFqPRwMMk3l9EFDV.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/wnQHcRTk19BJrYzs6Cfb/logo-grid-cycle-M3CH0B8fWqwroBpcBiErbcKEzm1qM9","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-12-27T22:52:11.382Z","updatedAt":"2026-01-28T23:31:05.412Z","publishedAt":"2026-01-15T09:49:27.021Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://logo-grid-cycle.framer.website/","price":"12","paymentUrl":"https://designbybob.gumroad.com/l/logo-cycle-wall","workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"ZpdbfCLj6Hs3r2Z3fo8q","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-01-15T09:49:27.021Z","updatedAt":"2026-01-15T09:49:27.021Z"},{"id":"019bc10f-3ddf-7115-85cd-64c8f5bc2818","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"d5001859-055b-44cc-ad23-9210460e04fb","name":"Bob Torfs","slug":"designbybob","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/548899/avatar-dAqSh18KaA50aJtFqPRwMMk3l9EFDV.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"6sqbMpY76aHZIbW1bnRp","resolved":true,"title":"Floating center menu","body":"

Floating Mega Menu reveals a compact navigation panel that hovers above your site content. Activated by a central “+” trigger, the menu animates in smoothly and presents up to four key links, perfect for focused, modern navigation without taking over the entire screen.

Features

Floating menu overlay (non-fullscreen)
Smooth entrance animations
Fully customizable text & color
Fully responsive

","bodyJson":null,"introduction":" triggered from a central action.","slug":"floating-center-menu","author":{"framerUserId":"d5001859-055b-44cc-ad23-9210460e04fb","name":"Bob Torfs","slug":"designbybob","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/548899/avatar-dAqSh18KaA50aJtFqPRwMMk3l9EFDV.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/6sqbMpY76aHZIbW1bnRp/floating-center-menu-B10UBAxPyzwWoENmYJUzFHnWAFbzKh","metadata":{"tint":{"h":0,"s":0,"l":58},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-12-28T20:31:21.913Z","updatedAt":"2026-01-28T23:40:53.836Z","publishedAt":"2026-01-15T09:49:20.223Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://floating-nav.framer.website/","price":"12","paymentUrl":"https://designbybob.gumroad.com/l/chppl","workshop":false,"categories":[{"id":"4c691677-c621-4041-a908-cbc2d3272658","name":"Navigation","slug":"navigation"}],"lastSaveId":"2Nt4buFDvoMZLABEZfAS","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":10,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-01-15T09:49:20.223Z","updatedAt":"2026-01-15T09:49:20.223Z"},{"id":"019bbe60-4cb3-749b-beba-442fa6cf4ab1","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"d5001859-055b-44cc-ad23-9210460e04fb","name":"Bob Torfs","slug":"designbybob","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/548899/avatar-dAqSh18KaA50aJtFqPRwMMk3l9EFDV.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"b3KGlcSoJT7DECRKhGsh","resolved":true,"title":"Expanding blocks","body":"

Expanding Split Blocks features two blocks that respond to hover with smooth, proportional resizing. When one block is hovered, it expands while the other subtly contracts, creating a balanced, interactive layout ideal for comparisons, featured content, or visual experiments.

Features

Two-block split layout
Hover-driven expansion and contraction
Smooth, proportional resizing
Clean, modern aesthetic
Fully responsive and customizable

","bodyJson":null,"introduction":"dynamically expands on hover.","slug":"expanding-blocks","author":{"framerUserId":"d5001859-055b-44cc-ad23-9210460e04fb","name":"Bob Torfs","slug":"designbybob","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/548899/avatar-dAqSh18KaA50aJtFqPRwMMk3l9EFDV.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/b3KGlcSoJT7DECRKhGsh/expanding-blocks-OPnRxHWNppVAfaBtW96TRSYwBxs1iC","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-01-02T23:08:57.773Z","updatedAt":"2026-01-28T23:32:16.691Z","publishedAt":"2026-01-14T21:19:00.787Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://hover-expanding-blocks.framer.website/","price":"12","paymentUrl":"https://designbybob.gumroad.com/l/expanding-split-blocks?layout=profile","workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"vuLCRf1gVtRsRo6QcUdK","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-01-14T21:19:00.787Z","updatedAt":"2026-01-14T21:19:00.787Z"},{"id":"019bbc0a-2687-7275-807a-83f736c973ef","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"d5001859-055b-44cc-ad23-9210460e04fb","name":"Bob Torfs","slug":"designbybob","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/548899/avatar-dAqSh18KaA50aJtFqPRwMMk3l9EFDV.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"XQEHXw82dRHR65fW7Ddy","resolved":true,"title":"Percentage preloader","body":"

Percentage Preloader introduces a refined loading experience with animated percentage values that progress from 0 to 100. Designed to feel calm and intentional, it’s ideal for portfolios, product sites, and editorial layouts where first impressions matter.

Features

Animated percentage counter (0–100)
Smooth, modern transitions
Fully customizable colors and opacity
Minimal, distraction-free design
Fully responsive

","bodyJson":null,"introduction":"loading progress from 0–100%.","slug":"percentage-preloader","author":{"framerUserId":"d5001859-055b-44cc-ad23-9210460e04fb","name":"Bob Torfs","slug":"designbybob","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/548899/avatar-dAqSh18KaA50aJtFqPRwMMk3l9EFDV.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/XQEHXw82dRHR65fW7Ddy/percentage-preloader-KpagjM6YFqJS92bqiPiqLt1UQCamIT","metadata":{"tint":{"h":220,"s":94,"l":25},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-12-28T23:56:13.847Z","updatedAt":"2026-01-29T23:40:47.179Z","publishedAt":"2026-01-14T10:25:40.487Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://modern-smooth-loader.framer.website/","price":"12","paymentUrl":"https://designbybob.gumroad.com/l/modern-percentage-loader","workshop":false,"categories":[{"id":"b42eea44-0ea9-4372-9981-70c9e68577c1","name":"Loaders","slug":"loaders"}],"lastSaveId":"BJtmoKlt1hHWZH7IoCI9","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-01-14T10:25:40.487Z","updatedAt":"2026-01-14T10:25:40.487Z"},{"id":"019bb309-0a27-70d2-84ee-2ed6338b6854","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"d5001859-055b-44cc-ad23-9210460e04fb","name":"Bob Torfs","slug":"designbybob","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/548899/avatar-dAqSh18KaA50aJtFqPRwMMk3l9EFDV.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"EdYT84U9ofwlDoc1pkQh","resolved":true,"title":"Modern image tabs","body":"

Fullscreen Case Switcher lets users explore featured work through intuitive hover interaction. Hovering a case thumbnail instantly updates the entire section, background image, case title, and call-to-action. Creating a seamless and immersive showcase experience.

Features

Fullscreen background image switching
Hover-driven case navigation
Synchronized title and CTA updates
Thumbnail tabs for quick exploration
Clean, editorial presentation
Fully responsive

","bodyJson":null,"introduction":"switches cases on hover.","slug":"modern-image-tabs","author":{"framerUserId":"d5001859-055b-44cc-ad23-9210460e04fb","name":"Bob Torfs","slug":"designbybob","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/548899/avatar-dAqSh18KaA50aJtFqPRwMMk3l9EFDV.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/EdYT84U9ofwlDoc1pkQh/modern-image-tabs-cGIVh5geTyPSmjXvoHpGe7lAw4ZpKf","metadata":{"tint":{"h":180,"s":7,"l":28},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-12-29T23:19:38.867Z","updatedAt":"2026-01-31T01:47:06.238Z","publishedAt":"2026-01-12T16:27:52.743Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://modern-image-tabs.framer.website/","price":"12","paymentUrl":"https://designbybob.gumroad.com/l/fullscreen-case-switcher","workshop":false,"categories":[{"id":"4c691677-c621-4041-a908-cbc2d3272658","name":"Navigation","slug":"navigation"}],"lastSaveId":"UAYlAcOWJgqBMIPPKsPl","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-01-12T16:27:52.743Z","updatedAt":"2026-01-12T16:27:52.743Z"},{"id":"019bb22a-a636-7306-bf9a-e600d30cf646","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"d5001859-055b-44cc-ad23-9210460e04fb","name":"Bob Torfs","slug":"designbybob","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/548899/avatar-dAqSh18KaA50aJtFqPRwMMk3l9EFDV.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"tF9F6PrkjsPaj6tRAMxN","resolved":true,"title":"Smooth 100vh menu","body":"

Fullscreen Menu transforms navigation into a focused, immersive experience. When triggered, the menu covers the entire viewport while menu items animate in smoothly, creating a clean and intentional moment for navigation.

Features

Full-width and full-height overlay
Smooth item entrance animations
Clean, minimal layout
Ideal for modern and editorial sites
Fully responsive

","bodyJson":null,"introduction":"Full-viewport menu with smooth animation","slug":"smooth-100vh-menu","author":{"framerUserId":"d5001859-055b-44cc-ad23-9210460e04fb","name":"Bob Torfs","slug":"designbybob","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/548899/avatar-dAqSh18KaA50aJtFqPRwMMk3l9EFDV.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/tF9F6PrkjsPaj6tRAMxN/smooth-100vh-menu-ZYoZ6S1rawNDtmiBHc3631EHL6faMh","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-12-27T18:17:56.361Z","updatedAt":"2026-01-28T23:44:08.344Z","publishedAt":"2026-01-12T12:24:58.166Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://100vh-screen-menu.framer.website/","price":"12","paymentUrl":"https://designbybob.gumroad.com/l/smooth-fullscreen-menu","workshop":false,"categories":[{"id":"4c691677-c621-4041-a908-cbc2d3272658","name":"Navigation","slug":"navigation"}],"lastSaveId":"d8xoMSkWPbIfpILVUh7j","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-01-12T12:24:58.166Z","updatedAt":"2026-01-12T12:24:58.166Z"},{"id":"019b9eba-3a40-77c7-99c8-1101d2e1e927","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"d5001859-055b-44cc-ad23-9210460e04fb","name":"Bob Torfs","slug":"designbybob","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/548899/avatar-dAqSh18KaA50aJtFqPRwMMk3l9EFDV.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"89UOzuAnTZtiVl2HHylw","resolved":true,"title":"Simple hover reveal","body":"

Hover Reveal Section lets you pair typography with imagery through subtle interaction. As users hover over each title, the related image is revealed, creating a refined and intuitive browsing experience, ideal for editorial layouts, portfolios, or feature showcases.

Features

Hover-based image switching
Clean, typography-first layout
Smooth transitions
Editorial, minimal aesthetic
Fully responsive

","bodyJson":null,"introduction":"reveals images as users explore titles.","slug":"simple-hover-reveal","author":{"framerUserId":"d5001859-055b-44cc-ad23-9210460e04fb","name":"Bob Torfs","slug":"designbybob","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/548899/avatar-dAqSh18KaA50aJtFqPRwMMk3l9EFDV.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/89UOzuAnTZtiVl2HHylw/simple-hover-reveal-vTKJxs9HhQgsTXMaTIj9pgYphkvNQ3","metadata":{"tint":{"h":120,"s":13,"l":55},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-12-27T00:47:51.043Z","updatedAt":"2026-01-19T20:36:34.862Z","publishedAt":"2026-01-08T17:49:23.392Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://hover-reveal.framer.website/","price":"12","paymentUrl":"https://designbybob.gumroad.com/l/hover-reveal-section","workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"kWX8glradr9lsOKHN0EN","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-01-08T17:49:23.392Z","updatedAt":"2026-01-08T17:49:23.392Z"},{"id":"019b9e0b-b0ab-7121-924b-9502d70b3d22","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"d5001859-055b-44cc-ad23-9210460e04fb","name":"Bob Torfs","slug":"designbybob","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/548899/avatar-dAqSh18KaA50aJtFqPRwMMk3l9EFDV.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"V0mNW3gP72uhUP7oRNcQ","resolved":true,"title":"Sticky overlap","body":"

A modern Framer component built around three stacked 100vh sections that overlap smoothly while scrolling. Perfect for storytelling, editorial layouts, or visual showcases where hierarchy and motion matter.Features

Three overlapping 100vh sections
Smooth sticky scroll behavior
Clean, minimal aesthetic
Fully responsive
Easy to customize content and spacing

","bodyJson":null,"introduction":"overlapping full-viewport sections.","slug":"sticky-overlap","author":{"framerUserId":"d5001859-055b-44cc-ad23-9210460e04fb","name":"Bob Torfs","slug":"designbybob","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/548899/avatar-dAqSh18KaA50aJtFqPRwMMk3l9EFDV.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/V0mNW3gP72uhUP7oRNcQ/sticky-overlap-Yxy8bbRb3gAWq4MH918LcvnMuIfNb4","metadata":{"tint":{"h":75,"s":31,"l":20},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-12-22T21:52:18.994Z","updatedAt":"2026-01-19T20:36:27.157Z","publishedAt":"2026-01-08T14:38:44.907Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://minimalistic-sticky-section.framer.website/","price":"12","paymentUrl":"https://designbybob.gumroad.com/l/sticky-overlap-section","workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"voJAJ6bK1EvgIF74BeCR","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":9,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-01-08T14:38:44.907Z","updatedAt":"2026-01-08T14:38:44.907Z"}],"pagination":{"next":"MDE5YjllMGItYjBhYi03MTIxLTkyNGItOTUwMmQ3MGIzZDIy","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L64"}]