52:I[267044,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/00zhqb0zqgnk3.js","/creators-assets/_next/static/immutable/chunks/0149c3aptki2q.js","/creators-assets/_next/static/immutable/chunks/3_vedwwik9kwx.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/2s2cwydj9lmys.js","/creators-assets/_next/static/immutable/chunks/2n4hq0sordoe3.js","/creators-assets/_next/static/immutable/chunks/2e6uhasjhfbil.js","/creators-assets/_next/static/immutable/chunks/0kisxyo3aw231.js","/creators-assets/_next/static/immutable/chunks/1e4nq30y40mt7.js","/creators-assets/_next/static/immutable/chunks/0ccg8j7qcn1bd.js","/creators-assets/_next/static/immutable/chunks/10ydirfi9qu21.js","/creators-assets/_next/static/immutable/chunks/0dst_b4k0u8kl.js","/creators-assets/_next/static/immutable/chunks/380lj13lztxlh.js","/creators-assets/_next/static/immutable/chunks/36-o7-3julke0.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/41lhc7ix2xugk.js","/creators-assets/_next/static/immutable/chunks/0xd4yj8g3g-ci.js","/creators-assets/_next/static/immutable/chunks/202b1r_evm3sb.js","/creators-assets/_next/static/immutable/chunks/3-aog2q7la1hs.js","/creators-assets/_next/static/immutable/chunks/0hhnnecj8-hto.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/1o0ogv90oxalc.js","/creators-assets/_next/static/immutable/chunks/3a7ilx8tflzu0.js","/creators-assets/_next/static/immutable/chunks/0rygx07juvn13.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/1fkcqskfw4hol.js","/creators-assets/_next/static/immutable/chunks/1kws7r6etoq5-.js","/creators-assets/_next/static/immutable/chunks/1dzckq15yxafa.js","/creators-assets/_next/static/immutable/chunks/1tmy_9cuep5o7.js","/creators-assets/_next/static/immutable/chunks/1jvl5pseyb1ld.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/3ym52__dqzver.js","/creators-assets/_next/static/immutable/chunks/35q38y-_fqs8d.js","/creators-assets/_next/static/immutable/chunks/1602xfiu5d3wp.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/40pcohi_mocbm.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js"],"S"] 53:T986,

ASTRAL transforms your store into a bold, retro-futurist brutalist experience. Built on Framer Commerce, it combines exposed hardware aesthetics, custom pixel transitions, and an editorial layout system for a store that feels engineered, not templated.

Why ASTRAL Stands Out

Brutalist Product Focus Exposed, technical visuals paired with smooth reveal transitions. Product diagrams and pixel-based interactions make the store feel like a spec sheet and a showcase at once.

Framer Commerce Native Built directly on Framer's e-commerce system. Connect your own Shopify store through Framer Commerce settings, no third-party plugins.

Custom Component Library PremiumAudioPlayer, PixelReveal, PixelCursorReveal, DotReveal, and Logo Drifter, built in and reusable across your pages.

Editorial Brand System Bankara Grotesk display type, Space Grotesk body text, and a warm orange palette with film grain texture.

Perfect For

Hardware and audio brands wanting more edge than a standard theme
Designers who love brutalist, tech-forward aesthetics
Founders launching product-focused e-commerce with Shopify
Creatives blending bold visuals with functional commerce

Pages Included

Home
Product
Catalog
Journal
Contact
Shipping Policy
Returns & Exchanges
Terms & Conditions
Privacy Policy
404

Built for Performance

Optimized for Framer, fully responsive, SEO-friendly structure. Fast setup for first launches or rebuilds.

A Few Notes

Product photography and content shown in the preview is demo content only. Swap in your own before publishing.
On the canvas, guide layers mark key sections and component boundaries to help you navigate faster.
A full setup tutorial video is coming soon, covering Framer Commerce setup and customization.

Need Help?

Reach out on X → @Vizualogy

54:T959,

Devolio transforms your portfolio into a bold, interactive Retro cyber-brutalist experience. Built in Framer, it combines smooth typewriter-inspired animations, CMS-powered projects, and a code-driven design, giving developers, designers, and creators a site that feels alive and dynamic.

Why Devolio Stands Out

Retro-Cyber Aesthetic Sleek, code-inspired visuals with subtle animations — typewriter intros, text scrambles, and dynamic project previews create a futuristic, tech-forward vibe.

Interactive Storytelling Each section feels like an experience. Explore your projects, share your story, or connect with visitors in a playful, immersive flow.

CMS-Powered Flexibility Easily update projects, blog posts, and content without touching code. Fully optimized for Framer's CMS.

Smart, Clean Structure Organized layouts highlight your work, skills, and creativity while keeping the focus on what matters.

Template Layout
Organized Layers
Asset Management

Developer Personality Reflects your precision, creativity, and style. Devolio turns your portfolio into a space that's uniquely yours.

Built for Performance Optimized for Framer with smooth animations, responsive design, and SEO-friendly structure. Quick setup for first-time creators or pros refreshing their brand.

Perfect For

Developers seeking a portfolio with bold, retro-cyber style
Designers who love futuristic, tech-forward aesthetics
Freelancers showcasing projects, blogs, or digital work
Creatives blending style, logic, and personality

Pages Included

Home
Projects (CMS)
Blog (CMS)
Contact
Terms & Conditions (CMS)
Privacy Policy (CMS)
404

Devolio isn't just a portfolio, it's where design, code, and personality meet in one dynamic digital experience.

Need Help or More Assets?

For support, additional components, or templates, check our Framer profile or reach out on X → @vizualogy

55:T926,

What's inside

Pixel Reveal is not a CSS fade or a Framer Motion opacity trick. It's a grid-rendered reveal engine built on Framer's animation primitives, with every cell individually timed using distance-based delay math. The result is a controlled, directional uncovering effect that feels hand-crafted every time it runs.

Patterns

Ten animation patterns ship out of the box. Top Left, Top Right, Bottom Left, Bottom Right, Center Out, Left to Right, Right to Left, Top to Bottom, Bottom to Top, and Random.

Features

10 directional animation patterns with distance-based delay engine
Color fill mode for solid pixel overlays on any background
Image fill mode using container queries to perfectly tile across the grid
Adjustable grid density via independent column and row controls
Animation speed control from instant snap to slow cinematic crawl
InView trigger, fires once when the component enters the viewport
Sub-pixel gap fix baked in, no rendering artifacts on any screen
Cover, contain, and stretch image fit modes
Zero layout shift, absolutely positioned overlay with pointer-events none

Property Controls

Every property is exposed in the Framer panel. Fill type, pixel color, image source, image fit, column count, row count, animation speed, and pattern are all switchable without touching code. Drop it, configure it, done.

How to use

Place Pixel Reveal as an absolute layer over any frame, image, card, or section. Set your fill type to Color or Image. Pick your pattern and speed. It triggers automatically on scroll into view. Works on hero sections, product images, loading screens, and full-page backgrounds.

Built for

Creative studios, portfolio sites, product launches, editorial Framer templates, and any project where a default opacity fade would be an embarrassment.

Need help?

Drop us a message on X at @vizualogy, we're always around. Built by Vizualogy Studio. We design and build premium Framer components and experiences for founders and brands who care about the details.

56:Tee0,

Wave Audio Player

A high-end music player component engineered for Framer projects that refuse to look templated. Wave Audio Player ships with two states, a minimal collapsed icon that expands into a full dashboard on click, built around a brutalist aesthetic with zero compromise on functionality.

What's inside

Wave Audio Player is not a styled div with a play button. It's a fully wired audio engine built on the Web Audio API, with a real-time frequency analyzer driving the waveform bars. Every visual detail, from the blurred cover art backdrop to the knurled volume slider, is controllable from the Framer property panel without touching code.

States

The collapsed state sits quietly as a small icon, configurable size, icon style, and border radius. When playing, hovering reveals the track info sliding in. One click expands it into the full dashboard: cover art, track title, artist, animated waveform, progress bar with scrubbing, timestamps, volume control, and skip buttons.

Features

Real-time waveform visualizer powered by Web Audio API analyser
Multi-track playlist support with previous / next skip controls
Collapse → expand transition with spring cubic-bezier easing
Blurred cover art backdrop that updates per track
Scrubable progress bar with live timestamps
Volume slider + mute toggle
Fully independent collapsed and expanded border radius controls
Full font controls for title, artist, CTA, and timer
Accent color, background, and all text colors customizable
Brutalist hover state, track info slides in on playing state
CORS fallback for hosted audio files
Zero dependencies beyond React and Framer

Property controls

Every visual property is exposed in the Framer panel. No code editing required after dropping it in. Playlist tracks are managed as an array, add title, artist, cover image, and audio file per track directly from the panel.

How to use

Drop the component onto your canvas. Add your tracks via the Playlist property control. Set your accent color, fonts, and sizing. Done. The component handles audio context initialization, CORS fallback, and cleanup automatically.

Built for

Portfolio sites, product launches, creative studios, music artists, brand activations, and any Framer project where a generic embedded player would be an embarrassment.

⚡ Changelog v1.1

Floating Close & Minimize Control: Moved the control button out of the core wrapper into an external, absolute-positioned "floating bubble" to keep layouts clean and minimal.
Property Controls for Floating Bubble: Added full customization variables directly to the Framer properties panel—users can now change the bubble background color, icon color, size, and border radius effortlessly.
Customizable Hide Slide/Tab Color: Exposed property controls for the background color of the side tab animation when the player hides or minimizes.
UX Interaction Stability: Implemented an invisible layout bridge and a subtle micro-delay (debounce) to eliminate hover drop-offs, making cursor movements over the external controls incredibly smooth.

Need help?

Drop us a message on X at @vizualogy, we're always around. Built by Vizualogy Studio. We design and build premium Framer experiences for founders and brands who care about the details.

57:T4ec,

Retro Resume is a stylish, interactive resume component for Framer, built to make your personal or developer portfolio stand out.

It brings your story to life with smooth typewriting and scramble animations, all wrapped in a refined retro-inspired design.

Version Update

Previously named Terminal Resume, the component has been updated to better reflect its visual identity and align with a retro cyber-inspired aesthetic.

Features:

Fully customizable content through simple editable variables
Beautiful typewriter and scramble text effects
Aesthetic, minimal, and modern layout
Fully responsive across desktop, tablet, and mobile
Customizable fonts, colors, and spacing
Smooth and performance-optimized animations

Perfect for developer portfolios, creative resumes, and modern About sections that deserve a unique and distinctive presentation.

Need Help or Want More Components?

For support, questions, or to explore more of our Framer components, visit our profile or reach out on X → @vizualogy.

51:["$","$L52",null,{"value":{"fallback":{"$inf$activity-creator-9e63854e-4560-47cb-9615-85ae7d476c1e-all:/unified/creator/9e63854e-4560-47cb-9615-85ae7d476c1e/activity/":[{"data":[{"id":"01a0d47e-fdea-754c-9ec1-3613e11886d4","type":"creator.followed","target":{"type":"creator","id":"64ff1a0a-b412-40e2-a472-37b1f9141c95","preview":"Elliot Li","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/64ff1a0a-b412-40e2-a472-37b1f9141c95/h99ds0vz","slug":"elliot-li","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"9e63854e-4560-47cb-9615-85ae7d476c1e","name":"Vizualogy Studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/739001/avatar-3aFLaSsj8u9SRBwlHJ9oMWWkGxBfkO.jpg","slug":"vizualogy","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-24T17:38:07.446Z","latestAt":"2026-09-24T17:38:07.446Z"},{"id":"01a0ab74-7a86-775f-82ea-5f8c5ff96063","type":"creator.followed","target":{"type":"creator","id":"5815e4ce-f2ee-4a9c-9e73-33a7ed80fd7e","preview":"Moritz Haas","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/5815e4ce-f2ee-4a9c-9e73-33a7ed80fd7e/jitvp0k2","slug":"moritz-haas","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"9e63854e-4560-47cb-9615-85ae7d476c1e","name":"Vizualogy Studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/739001/avatar-3aFLaSsj8u9SRBwlHJ9oMWWkGxBfkO.jpg","slug":"vizualogy","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-16T18:22:12.610Z","latestAt":"2026-09-16T18:22:12.610Z"},{"id":"01a0ab74-7672-7649-b4cb-ea51afb893f7","type":"creator.followed","target":{"type":"creator","id":"0784036e-5566-4ff1-a18f-8680667541cf","preview":"xen","previewJson":null,"thumbnail":null,"slug":"xen-dev","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"9e63854e-4560-47cb-9615-85ae7d476c1e","name":"Vizualogy Studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/739001/avatar-3aFLaSsj8u9SRBwlHJ9oMWWkGxBfkO.jpg","slug":"vizualogy","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-16T18:22:11.567Z","latestAt":"2026-09-16T18:22:11.567Z"},{"id":"01a07d56-0ede-726a-8899-528640a9fb17","type":"creator.followed","target":{"type":"creator","id":"7c19568f-0c47-41e3-952d-dd5ae0f950a8","preview":"Maruthish R","previewJson":null,"thumbnail":null,"slug":"maruthish-r","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"9e63854e-4560-47cb-9615-85ae7d476c1e","name":"Vizualogy Studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/739001/avatar-3aFLaSsj8u9SRBwlHJ9oMWWkGxBfkO.jpg","slug":"vizualogy","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-07T19:26:27.035Z","latestAt":"2026-09-07T19:26:27.035Z"},{"id":"01a07d56-0d00-73fa-87ef-1d67dc2f4404","type":"creator.followed","target":{"type":"creator","id":"7e4b2376-92d9-49df-8580-e3293af08a29","preview":"Michelle de Haas | Zo-e","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7e4b2376-92d9-49df-8580-e3293af08a29/cl04sjas","slug":"zo-e","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"9e63854e-4560-47cb-9615-85ae7d476c1e","name":"Vizualogy Studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/739001/avatar-3aFLaSsj8u9SRBwlHJ9oMWWkGxBfkO.jpg","slug":"vizualogy","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-07T19:26:26.557Z","latestAt":"2026-09-07T19:26:26.557Z"},{"id":"01a07d56-09ed-76c8-af27-cf82d6b7c9ef","type":"creator.followed","target":{"type":"creator","id":"c6d0aad4-c0dd-4029-861d-0cd6aaa6f3f4","preview":"Gustavo H. ","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c6d0aad4-c0dd-4029-861d-0cd6aaa6f3f4/94zcb8k9","slug":"madebygustavoh","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"9e63854e-4560-47cb-9615-85ae7d476c1e","name":"Vizualogy Studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/739001/avatar-3aFLaSsj8u9SRBwlHJ9oMWWkGxBfkO.jpg","slug":"vizualogy","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-07T19:26:25.769Z","latestAt":"2026-09-07T19:26:25.769Z"},{"id":"01a0125a-732e-76fc-bb2b-06a70c9524cc","type":"creator.followed","target":{"type":"creator","id":"e0222182-3d74-4d56-b2d9-eba289a28fa5","preview":"Andres","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e0222182-3d74-4d56-b2d9-eba289a28fa5/ubt5ticx","slug":"andres-jimmy","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"9e63854e-4560-47cb-9615-85ae7d476c1e","name":"Vizualogy Studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/739001/avatar-3aFLaSsj8u9SRBwlHJ9oMWWkGxBfkO.jpg","slug":"vizualogy","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-18T00:51:52.746Z","latestAt":"2026-08-18T00:51:52.746Z"},{"id":"019ff434-9335-7799-942b-7f7b20fa3c68","type":"comment.liked","target":{"type":"comment","id":"019ff425-4946-7491-9110-79ed8de17c27","preview":"wow!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"wow!"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019ff260-551d-76ca-ad7f-255e0f5229dd","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019ff425-4946-7491-9110-79ed8de17c27"},"repost":null}},"context":{"type":"post","id":"019ff260-551d-76ca-ad7f-255e0f5229dd","preview":"Pixel Reveal Component is going premium.\nWe've kept our Pixel Reveal Engine free for the past 2 months while we refined it, fixed the rough edges, and watched how people used it.\nIt's time to move it into the paid collection.\n$4 from now on.\nIf you've been thinking about grabbing it, this is your last chance to get it free.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Pixel Reveal Component is going premium.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"We've kept our Pixel Reveal Engine free for the past 2 months while we refined it, fixed the rough edges, and watched how people used it."}]},{"type":"paragraph","content":[{"type":"text","text":"It's time to move it into the paid collection."}]},{"type":"paragraph","content":[{"type":"text","text":"$$4 from now on.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"If you've been thinking about grabbing it, this is your last chance to get it free."}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9e63854e-4560-47cb-9615-85ae7d476c1e/019ff25f-ead7-72bb-900e-f20382d0dfa5.png","targetDeleted":false,"owned":true,"actions":{"postId":"019ff260-551d-76ca-ad7f-255e0f5229dd","like":{"count":3,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"9e63854e-4560-47cb-9615-85ae7d476c1e","name":"Vizualogy Studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/739001/avatar-3aFLaSsj8u9SRBwlHJ9oMWWkGxBfkO.jpg","slug":"vizualogy","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-12T04:21:54.097Z","latestAt":"2026-08-12T04:21:54.097Z"},{"id":"019ff434-4fb9-77f2-bd5a-9dfdd2a25172","type":"comment.created","target":{"type":"post","id":"019f5b86-77b2-745d-b147-ec828a3aecef","preview":"Margin Intelligence","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/71d84e4a-5d09-41d6-a8b6-8ca522803466/019f5b7f-8334-776a-8039-11c74e10867d.png","targetDeleted":false,"owned":false,"actions":{"postId":"019f5b86-77b2-745d-b147-ec828a3aecef","like":{"count":26,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019ff434-4f9a-7444-bac2-d1bd293469dd","preview":"Small suggestion for the FAQ interaction, adding a subtle spring or ease-out animation when an item opens could make the transition feel a bit smoother and more polished. The current interaction already works well, just a little motion polish I think would fit the design nicely.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Small suggestion for the FAQ interaction, adding a subtle spring or ease-out animation when an item opens could make the transition feel a bit smoother and more polished. The current interaction already works well, just a little motion polish I think would fit the design nicely."}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019f5b86-77b2-745d-b147-ec828a3aecef","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019ff434-4f9a-7444-bac2-d1bd293469dd"},"repost":null}},"actors":[{"id":"9e63854e-4560-47cb-9615-85ae7d476c1e","name":"Vizualogy Studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/739001/avatar-3aFLaSsj8u9SRBwlHJ9oMWWkGxBfkO.jpg","slug":"vizualogy","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-12T04:21:36.825Z","latestAt":"2026-08-12T04:21:36.825Z"},{"id":"019ff431-d6ca-702e-b9a3-b6fa721c47a8","type":"comment.created","target":{"type":"post","id":"019f5b86-77b2-745d-b147-ec828a3aecef","preview":"Margin Intelligence","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/71d84e4a-5d09-41d6-a8b6-8ca522803466/019f5b7f-8334-776a-8039-11c74e10867d.png","targetDeleted":false,"owned":false,"actions":{"postId":"019f5b86-77b2-745d-b147-ec828a3aecef","like":{"count":26,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019ff431-d6b5-70b1-a71e-e6ac62a55627","preview":"Smooth, clean, and very aesthetic, love the vibe !","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Smooth, clean, and very aesthetic, love the vibe !"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019f5b86-77b2-745d-b147-ec828a3aecef","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019ff431-d6b5-70b1-a71e-e6ac62a55627"},"repost":null}},"actors":[{"id":"9e63854e-4560-47cb-9615-85ae7d476c1e","name":"Vizualogy Studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/739001/avatar-3aFLaSsj8u9SRBwlHJ9oMWWkGxBfkO.jpg","slug":"vizualogy","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-12T04:18:54.794Z","latestAt":"2026-08-12T04:18:54.794Z"},{"id":"019ff431-055a-71fb-8067-b7076bf80337","type":"template.liked","target":{"type":"template","id":"69448","preview":"Margin Intelligence","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/71d84e4a-5d09-41d6-a8b6-8ca522803466/019f5b7f-8334-776a-8039-11c74e10867d.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"9e63854e-4560-47cb-9615-85ae7d476c1e","name":"Vizualogy Studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/739001/avatar-3aFLaSsj8u9SRBwlHJ9oMWWkGxBfkO.jpg","slug":"vizualogy","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-08-12T04:18:01.163Z","latestAt":"2026-08-12T04:18:01.163Z"},{"id":"019ff3a9-7000-7274-96a2-936ac5724e74","type":"creator.followed","target":{"type":"creator","id":"ca05e506-1465-479c-9098-193c2ad13a2b","preview":"Design Foundry","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ca05e506-1465-479c-9098-193c2ad13a2b/xcfk0umu","slug":"designfoundry","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"9e63854e-4560-47cb-9615-85ae7d476c1e","name":"Vizualogy Studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/739001/avatar-3aFLaSsj8u9SRBwlHJ9oMWWkGxBfkO.jpg","slug":"vizualogy","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-12T01:49:55.579Z","latestAt":"2026-08-12T01:49:55.579Z"},{"id":"019ff23f-db60-705b-a2fc-680e9b89a606","type":"post.liked","target":{"type":"post","id":"019ff119-a3e3-74dc-85f7-23ceec78314d","preview":"Introducing Video Shaders. Shaders in Framer can now accept both images and video, which we’ve grouped under Media in the Insert panel. We’re first updating the Chromatic Aberration shader with video support and all-new controls. Videos even play in realtime as you’re editing properties. With our new properties, you can add glass-like curvature and dispersion to your videos and images with a few clicks. High-fidelity effects, web-ready, published in seconds. https://www.framer.com/updates/video-shaders","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Introducing Video Shaders. Shaders in Framer can now accept both images and video, which we’ve grouped under Media in the Insert panel. We’re first updating the Chromatic Aberration shader with video support and all-new controls. Videos even play in realtime as you’re editing properties. With our new properties, you can add glass-like curvature and dispersion to your videos and images with a few clicks. High-fidelity effects, web-ready, published in seconds. "},{"type":"text","text":"https://www.framer.com/updates/video-shaders","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://www.framer.com/updates/video-shaders","target":"_blank"}}]}]}]},"thumbnail":"https://image.mux.com/riVl3BTqLZfa4AdnB9sQZ4Hw4LJiq7jPgIBSdLTeMx4/thumbnail.webp?time=9.767","targetDeleted":false,"owned":false,"actions":{"postId":"019ff119-a3e3-74dc-85f7-23ceec78314d","like":{"count":85,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":11,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"9e63854e-4560-47cb-9615-85ae7d476c1e","name":"Vizualogy Studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/739001/avatar-3aFLaSsj8u9SRBwlHJ9oMWWkGxBfkO.jpg","slug":"vizualogy","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-11T19:14:59.035Z","latestAt":"2026-08-11T19:14:59.035Z"},{"id":"019ff23f-ce88-722d-b43c-efe357c3d5b6","type":"post.liked","target":{"type":"post","id":"019ff1fc-9e24-70db-a862-325e1b504d3a","preview":"Shipped a new template Pawora, a veterinary and pet care site.\n10 pages: services, meet-the-team for veterinarians, care plans with pricing, and an appointment-request contact form with map. Figma source file included.\nMost pet care sites play it safe and end up forgettable. This one went the other way bold display type, warm colours, signpost buttons. Friendly without being childish, because a care business still needs to feel trustworthy.\nPreview → pawora-petcare.framer.website","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Shipped a new template Pawora, a veterinary and pet care site."}]},{"type":"paragraph","content":[{"type":"text","text":"10 pages: services, meet-the-team for veterinarians, care plans with pricing, and an appointment-request contact form with map. Figma source file included."}]},{"type":"paragraph","content":[{"type":"text","text":"Most pet care sites play it safe and end up forgettable. This one went the other way bold display type, warm colours, signpost buttons. Friendly without being childish, because a care business still needs to feel trustworthy."}]},{"type":"paragraph","content":[{"type":"text","text":"Preview → "},{"type":"text","text":"pawora-petcare.framer.website","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"http://pawora-petcare.framer.website","target":"_blank"}}]}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/130fbcc8-d847-4ebe-a81d-5975cb55d510/019ff1fb-a6c8-70c5-b4a2-d7cef411cf16.png","targetDeleted":false,"owned":false,"actions":{"postId":"019ff1fc-9e24-70db-a862-325e1b504d3a","like":{"count":61,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":1,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"9e63854e-4560-47cb-9615-85ae7d476c1e","name":"Vizualogy Studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/739001/avatar-3aFLaSsj8u9SRBwlHJ9oMWWkGxBfkO.jpg","slug":"vizualogy","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-11T19:14:55.739Z","latestAt":"2026-08-11T19:14:55.739Z"},{"id":"019ff23f-baf3-70b1-9732-4df88f2754ad","type":"post.liked","target":{"type":"post","id":"019ff205-5d42-702f-92e7-eeee9de60b25","preview":"New @Beew Studio hero","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"New "},{"type":"mention","attrs":{"id":"1ccc1fd8-2a02-42b2-bb4e-d7d7d94a82e6","slug":"beew","label":"Beew Studio","mentionSuggestionChar":"@"}},{"type":"text","text":" hero"}]}]},"thumbnail":"https://image.mux.com/Mb00wDpSZf8w5q31VUcdEcR8Vr012rkYu118vaIWf00nII/thumbnail.webp?time=5.065","targetDeleted":false,"owned":false,"actions":{"postId":"019ff205-5d42-702f-92e7-eeee9de60b25","like":{"count":7,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"9e63854e-4560-47cb-9615-85ae7d476c1e","name":"Vizualogy Studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/739001/avatar-3aFLaSsj8u9SRBwlHJ9oMWWkGxBfkO.jpg","slug":"vizualogy","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-11T19:14:50.734Z","latestAt":"2026-08-11T19:14:50.734Z"},{"id":"019ff23d-9b18-7183-82f7-b0214b6eda25","type":"site.liked","target":{"type":"site","id":"16913","preview":"Metropolitan Pima","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/284a6788-32de-4c5c-ae1e-dbce520404ec/019ff23c-a2c9-736c-9028-acd3cec27913.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"9e63854e-4560-47cb-9615-85ae7d476c1e","name":"Vizualogy Studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/739001/avatar-3aFLaSsj8u9SRBwlHJ9oMWWkGxBfkO.jpg","slug":"vizualogy","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":"site","visibility":"public","startedAt":"2026-08-11T19:12:31.508Z","latestAt":"2026-08-11T19:12:31.508Z"},{"id":"019ff206-8b2f-77fa-8bcf-6a31bd364c15","type":"comment.reply","target":{"type":"post","id":"019fe82c-fd2b-7535-8566-d626a52a9e5c","preview":"ASTRAL-01","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9e63854e-4560-47cb-9615-85ae7d476c1e/019fe829-291b-759b-9f5c-47d27be9fa6c.png","targetDeleted":false,"owned":true,"actions":{"postId":"019fe82c-fd2b-7535-8566-d626a52a9e5c","like":{"count":13,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019ff206-8b14-70b8-af4d-e875d0c6519c","preview":"Thanks ❤ !","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Thanks "},{"type":"emoji","attrs":{"name":"heart","emoji":"❤"}},{"type":"text","text":" !"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019fe82c-fd2b-7535-8566-d626a52a9e5c","like":{"count":0,"liked":false},"reply":{"parentCommentId":"019fe990-b380-7743-aca1-3e24bb60ad2d"},"repost":null}},"actors":[{"id":"9e63854e-4560-47cb-9615-85ae7d476c1e","name":"Vizualogy Studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/739001/avatar-3aFLaSsj8u9SRBwlHJ9oMWWkGxBfkO.jpg","slug":"vizualogy","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-11T18:12:22.959Z","latestAt":"2026-08-11T18:12:22.959Z"},{"id":"019ff206-5455-73c6-bd4f-10b9e75d274d","type":"creator.followed","target":{"type":"creator","id":"a5c55dbf-7390-4c78-a1e4-a2ac8a678425","preview":"Qasid Hussain","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/371963/avatar-QtbeZkGC6KNLRCnzoSnBkFlEY4SkpE.jpg","slug":"qasid-hussain","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"9e63854e-4560-47cb-9615-85ae7d476c1e","name":"Vizualogy Studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/739001/avatar-3aFLaSsj8u9SRBwlHJ9oMWWkGxBfkO.jpg","slug":"vizualogy","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-11T18:12:08.908Z","latestAt":"2026-08-11T18:12:08.908Z"},{"id":"019fea19-f9ed-7007-a354-45ea87059e62","type":"comment.liked","target":{"type":"comment","id":"019fe990-b380-7743-aca1-3e24bb60ad2d","preview":"nice","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"nice"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019fe82c-fd2b-7535-8566-d626a52a9e5c","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019fe990-b380-7743-aca1-3e24bb60ad2d"},"repost":null}},"context":{"type":"post","id":"019fe82c-fd2b-7535-8566-d626a52a9e5c","preview":"ASTRAL-01","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9e63854e-4560-47cb-9615-85ae7d476c1e/019fe829-291b-759b-9f5c-47d27be9fa6c.png","targetDeleted":false,"owned":true,"actions":{"postId":"019fe82c-fd2b-7535-8566-d626a52a9e5c","like":{"count":13,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"9e63854e-4560-47cb-9615-85ae7d476c1e","name":"Vizualogy Studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/739001/avatar-3aFLaSsj8u9SRBwlHJ9oMWWkGxBfkO.jpg","slug":"vizualogy","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-10T05:16:39.533Z","latestAt":"2026-08-10T05:16:39.533Z"},{"id":"019fe90a-003d-702d-9c02-ec9ed087fa7a","type":"comment.reply","target":{"type":"post","id":"019fe82c-fd2b-7535-8566-d626a52a9e5c","preview":"ASTRAL-01","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9e63854e-4560-47cb-9615-85ae7d476c1e/019fe829-291b-759b-9f5c-47d27be9fa6c.png","targetDeleted":false,"owned":true,"actions":{"postId":"019fe82c-fd2b-7535-8566-d626a52a9e5c","like":{"count":13,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019fe90a-0017-769a-902c-5df3f7e66607","preview":"Thank you so much ❤ !","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Thank you so much "},{"type":"emoji","attrs":{"name":"heart","emoji":"❤"}},{"type":"text","text":" !"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019fe82c-fd2b-7535-8566-d626a52a9e5c","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019fe8aa-b204-708b-a66e-2049a8e7b9a8"},"repost":null}},"actors":[{"id":"9e63854e-4560-47cb-9615-85ae7d476c1e","name":"Vizualogy Studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/739001/avatar-3aFLaSsj8u9SRBwlHJ9oMWWkGxBfkO.jpg","slug":"vizualogy","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-10T00:19:34.589Z","latestAt":"2026-08-10T00:19:34.589Z"}],"pagination":{"next":"MjAyNi0wOC0xMFQwMDoxOTozNC41ODlafDAxOWZlOTBhLTAwM2QtNzAyZC05YzAyLWVjOWVkMDg3ZmE3YQ","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:9e63854e-4560-47cb-9615-85ae7d476c1e:/unified/posts/?creator=9e63854e-4560-47cb-9615-85ae7d476c1e&with=reposts":[{"data":[{"id":"01a05eaf-e7ef-7161-8fb2-e9404cfccf83","title":null,"body":"

We’re giving away 30 copies of ASTRAL 🛸

It’s our retrofuturist Framer template built around bold typography, motion, and a slightly surreal visual world.

If you’d like to remix it into something of your own, we’re running the giveaway on X:

https://x.com/vizualogy/status/2094886163769106533?s=20

Would love to see what the Framer community does with it.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"We’re giving away "},{"type":"text","text":"30 copies of ASTRAL","marks":[{"type":"bold"}]},{"type":"text","text":" "},{"type":"emoji","attrs":{"name":"flying_saucer","emoji":"🛸"}}]},{"type":"paragraph","content":[{"type":"text","text":"It’s our retrofuturist Framer template built around bold typography, motion, and a slightly surreal visual world."}]},{"type":"paragraph","content":[{"type":"text","text":"If you’d like to remix it into something of your own, we’re running the giveaway on X:"}]},{"type":"paragraph","content":[{"type":"text","text":"https://x.com/vizualogy/status/2094886163769106533?s=20","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://x.com/vizualogy/status/2094886163769106533?s=20","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Would love to see what the Framer community does with it."}]}]},"author":{"framerUserId":"9e63854e-4560-47cb-9615-85ae7d476c1e","name":"Vizualogy Studio","slug":"vizualogy","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/739001/avatar-3aFLaSsj8u9SRBwlHJ9oMWWkGxBfkO.jpg","badges":["available","pro","studio"],"followed":false,"followsYou":false},"media":[{"type":"link-preview","url":"https://x.com/vizualogy/status/2094886163769106533?s=20","metadata":{"title":"Vizualogy Studio (@vizualogy) on X","description":"ASTRAL is going free for a few of you 👀\n\nWe’re giving away 30 copies of our retrofuturist Framer template.\n\nFollow @Vizualogy\nLike this post\nTell us what you’d build with Astral\n\nWe’ll pick 30 people and send each a 100% off code.\nGood luck 🛸","imageUrl":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/opengraph/2fe506f5741a47a6/image.png","siteName":"X (formerly Twitter)","faviconUrl":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/opengraph/2fe506f5741a47a6/favicon.ico"}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":6,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-01T20:36:21.620Z","updatedAt":"2026-09-01T20:36:21.620Z"},{"id":"019ff260-551d-76ca-ad7f-255e0f5229dd","title":null,"body":"

Pixel Reveal Component is going premium.

We've kept our Pixel Reveal Engine free for the past 2 months while we refined it, fixed the rough edges, and watched how people used it.

It's time to move it into the paid collection.

$4 from now on.

If you've been thinking about grabbing it, this is your last chance to get it free.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Pixel Reveal Component is going premium.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"We've kept our Pixel Reveal Engine free for the past 2 months while we refined it, fixed the rough edges, and watched how people used it."}]},{"type":"paragraph","content":[{"type":"text","text":"It's time to move it into the paid collection."}]},{"type":"paragraph","content":[{"type":"text","text":"$$4 from now on.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"If you've been thinking about grabbing it, this is your last chance to get it free."}]}]},"author":{"framerUserId":"9e63854e-4560-47cb-9615-85ae7d476c1e","name":"Vizualogy Studio","slug":"vizualogy","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/739001/avatar-3aFLaSsj8u9SRBwlHJ9oMWWkGxBfkO.jpg","badges":["available","pro","studio"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9e63854e-4560-47cb-9615-85ae7d476c1e/019ff25f-ead7-72bb-900e-f20382d0dfa5.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-11T19:50:27.361Z","updatedAt":"2026-08-11T19:50:27.361Z"},{"id":"019ff23f-8906-7563-ae44-9ce6a6959d54","title":null,"body":"

We’ve been wanting to show this one properly.

ASTRAL-01, a premium headphone e-commerce experience we designed and built with Framer Commerce.

We wanted to push the template beyond a standard storefront and make the whole experience feel like the product itself:

✦ immersive product storytelling

✦ dynamic product presentations

✦ smooth interactions & transitions

✦ bold editorial typography

✦ a complete Commerce experience

✦ responsive layouts built for real-world use

There’s a lot more packed into the template than we can fit into one video, but here’s a quick look at how it comes together.

ASTRAL-01 is already live on the Framer Marketplace.

Would love to hear what you think.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"We’ve been wanting to show this one properly."}]},{"type":"paragraph","content":[{"type":"text","text":"ASTRAL-01","marks":[{"type":"bold"}]},{"type":"text","text":", a premium headphone e-commerce experience we designed and built with Framer Commerce."}]},{"type":"paragraph","content":[{"type":"text","text":"We wanted to push the template beyond a standard storefront and make the whole experience feel like the product itself:"}]},{"type":"paragraph","content":[{"type":"text","text":"✦ immersive product storytelling "}]},{"type":"paragraph","content":[{"type":"text","text":"✦ dynamic product presentations "}]},{"type":"paragraph","content":[{"type":"text","text":"✦ smooth interactions & transitions "}]},{"type":"paragraph","content":[{"type":"text","text":"✦ bold editorial typography "}]},{"type":"paragraph","content":[{"type":"text","text":"✦ a complete Commerce experience "}]},{"type":"paragraph","content":[{"type":"text","text":"✦ responsive layouts built for real-world use"}]},{"type":"paragraph","content":[{"type":"text","text":"There’s a lot more packed into the template than we can fit into one video, but here’s a quick look at how it comes together."}]},{"type":"paragraph","content":[{"type":"text","text":"ASTRAL-01","marks":[{"type":"bold"}]},{"type":"text","text":" is already live on the Framer Marketplace."}]},{"type":"paragraph","content":[{"type":"text","text":"Would love to hear what you think."}]}]},"author":{"framerUserId":"9e63854e-4560-47cb-9615-85ae7d476c1e","name":"Vizualogy Studio","slug":"vizualogy","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/739001/avatar-3aFLaSsj8u9SRBwlHJ9oMWWkGxBfkO.jpg","badges":["available","pro","studio"],"followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/uB7CL02fnwen5oeKmuI3msnOUE6auOT9xGR6kodyQWaY.m3u8","metadata":{"posterUrl":"https://image.mux.com/uB7CL02fnwen5oeKmuI3msnOUE6auOT9xGR6kodyQWaY/thumbnail.webp?time=21.767","aspectRatio":"80:39","duration":40.35}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-11T19:14:37.968Z","updatedAt":"2026-08-11T19:14:37.968Z"},{"id":"019fe82c-fd2b-7535-8566-d626a52a9e5c","title":null,"body":"

Been quiet for a bit, but we were heads down building something worth the wait.

Introducing ASTRAL - a brutalist e-commerce template built on Framer Commerce. Retro-futurist visuals, custom pixel transitions, and a full product store structure ready to connect to your own Shopify.

Tutorial video coming soon to walk through setup. Grab it on the marketplace and let us know what you think 👀

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Been quiet for a bit, but we were heads down building something worth the wait."}]},{"type":"paragraph","content":[{"type":"text","text":"Introducing "},{"type":"text","text":"ASTRAL","marks":[{"type":"bold"}]},{"type":"text","text":" - a brutalist e-commerce template built on Framer Commerce. Retro-futurist visuals, custom pixel transitions, and a full product store structure ready to connect to your own Shopify."}]},{"type":"paragraph","content":[{"type":"text","text":"Tutorial video coming soon to walk through setup. Grab it on the marketplace and let us know what you think "},{"type":"emoji","attrs":{"name":"eyes","emoji":"👀"}}]}]},"author":{"framerUserId":"9e63854e-4560-47cb-9615-85ae7d476c1e","name":"Vizualogy Studio","slug":"vizualogy","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/739001/avatar-3aFLaSsj8u9SRBwlHJ9oMWWkGxBfkO.jpg","badges":["available","pro","studio"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"71012","resolved":true,"title":"ASTRAL-01","body":"$53","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"ASTRAL transforms your store into a bold, retro-futurist brutalist experience. Built on Framer Commerce, it combines exposed hardware aesthetics, custom pixel transitions, and an editorial layout system for a store that feels engineered, not templated."}]},{"type":"customHeading","content":[{"type":"text","text":"Why ASTRAL Stands Out"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Brutalist Product Focus","marks":[{"type":"bold"}]},{"type":"text","text":" Exposed, technical visuals paired with smooth reveal transitions. Product diagrams and pixel-based interactions make the store feel like a spec sheet and a showcase at once."}]},{"type":"paragraph","content":[{"type":"text","text":"Framer Commerce Native","marks":[{"type":"bold"}]},{"type":"text","text":" Built directly on Framer's e-commerce system. Connect your own Shopify store through Framer Commerce settings, no third-party plugins."}]},{"type":"paragraph","content":[{"type":"text","text":"Custom Component Library","marks":[{"type":"bold"}]},{"type":"text","text":" PremiumAudioPlayer, PixelReveal, PixelCursorReveal, DotReveal, and Logo Drifter, built in and reusable across your pages."}]},{"type":"paragraph","content":[{"type":"text","text":"Editorial Brand System","marks":[{"type":"bold"}]},{"type":"text","text":" Bankara Grotesk display type, Space Grotesk body text, and a warm orange palette with film grain texture."}]},{"type":"customHeading","content":[{"type":"text","text":"Perfect For"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Hardware and audio brands wanting more edge than a standard theme"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Designers who love brutalist, tech-forward aesthetics"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Founders launching product-focused e-commerce with Shopify"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Creatives blending bold visuals with functional commerce"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Pages Included"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Home"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Product"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Catalog"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Journal"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Contact"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Shipping Policy"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Returns & Exchanges"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Terms & Conditions"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Privacy Policy"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"404"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Built for Performance"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Optimized for Framer, fully responsive, SEO-friendly structure. Fast setup for first launches or rebuilds."}]},{"type":"customHeading","content":[{"type":"text","text":"A Few Notes"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Product photography and content shown in the preview is demo content only. Swap in your own before publishing."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"On the canvas, guide layers mark key sections and component boundaries to help you navigate faster."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"A full setup tutorial video is coming soon, covering Framer Commerce setup and customization."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Need Help?"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Reach out on X → "},{"type":"mention","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://x.com/vizualogy","target":"_blank"}}],"attrs":{"id":"9e63854e-4560-47cb-9615-85ae7d476c1e","slug":"vizualogy","label":"Vizualogy","mentionSuggestionChar":"@"}},{"type":"text","text":" ","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://x.com/vizualogy","target":"_blank"}}]}]}]},"introduction":"Brutalist Framer Commerce Template","slug":"astral-01","author":{"framerUserId":"9e63854e-4560-47cb-9615-85ae7d476c1e","name":"Vizualogy Studio","slug":"vizualogy","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/739001/avatar-3aFLaSsj8u9SRBwlHJ9oMWWkGxBfkO.jpg","badges":["available","pro","studio"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9e63854e-4560-47cb-9615-85ae7d476c1e/019fe829-291b-759b-9f5c-47d27be9fa6c.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9e63854e-4560-47cb-9615-85ae7d476c1e/019fe829-3302-737f-a09d-1fd6c5fe5e2b.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9e63854e-4560-47cb-9615-85ae7d476c1e/019fe829-52b2-70aa-a29a-d3b0c903d234.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9e63854e-4560-47cb-9615-85ae7d476c1e/019fe829-5ac2-7390-b293-9f0b70138518.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-08-09T20:18:09.853Z","updatedAt":"2026-08-11T20:13:49.883Z","publishedAt":"2026-08-09T20:18:09.849Z","featuredAt":"2026-09-02T15:04:59.884Z","approvedAt":null,"type":"template","attributes":{"price":"69","paymentUrl":"https://buy.polar.sh/polar_cl_pa7hOzFC5hJ1KgSI2OcvjmywkfThLft5hcMym3lSZL6","remixUrl":null,"previewUrl":"https://astral-01.framer.website/","categories":[{"id":11,"name":"Ecommerce","slug":"ecommerce"},{"id":112,"name":"Technology","slug":"technology"},{"id":211,"name":"Electronics","slug":"electronics"}],"styles":[{"id":109,"name":"Modern","slug":"modern"},{"id":251,"name":"Retro","slug":"retro"}],"mainCategory":{"id":11,"name":"Ecommerce","slug":"ecommerce"},"features":[{"id":1,"name":"Appear Effects","slug":"appear-effects"},{"id":9,"name":"Overlays & Modals","slug":"overlays-modals"},{"id":17,"name":"Sticky Scrolling","slug":"sticky-scrolling"},{"id":18,"name":"Scroll Effects","slug":"scroll-effects"},{"id":19,"name":"Localization","slug":"localization"},{"id":21,"name":"CMS","slug":"cms"},{"id":23,"name":"Rich Media","slug":"rich-media"},{"id":24,"name":"Site Search","slug":"site-search"},{"id":30,"name":"Forms","slug":"forms"},{"id":32,"name":"Layout Templates","slug":"layout-templates"},{"id":35,"name":"Text Effects","slug":"text-effects"},{"id":36,"name":"3D Transforms","slug":"3d-transforms"},{"id":37,"name":"Code Components","slug":"code-components"},{"id":40,"name":"Variable Fonts","slug":"variable-fonts"}],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":13,"liked":false},"comments":{"count":4},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-09T20:18:10.347Z","updatedAt":"2026-08-09T20:18:10.347Z"},{"id":"019eeb83-bd30-750c-b5f1-76a6f2baddd4","title":null,"body":"

We finally made it into the new Framer marketplace. 💜

Devolio is our first template - a bold, retro cyber-brutalist portfolio built for creators who actually care about how their work looks. If this is your kind of thing, a like goes a long way for us right now.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"We finally made it into the new Framer marketplace. 💜"}]},{"type":"paragraph","content":[{"type":"text","text":"Devolio is our first template - a bold, retro cyber-brutalist portfolio built for creators who actually care about how their work looks. If this is your kind of thing, a like goes a long way for us right now."}]}]},"author":{"framerUserId":"9e63854e-4560-47cb-9615-85ae7d476c1e","name":"Vizualogy Studio","slug":"vizualogy","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/739001/avatar-3aFLaSsj8u9SRBwlHJ9oMWWkGxBfkO.jpg","badges":["available","pro","studio"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"67836","resolved":true,"title":"Devolio","body":"$54","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Devolio transforms your portfolio into a bold, interactive Retro cyber-brutalist experience. Built in Framer, it combines smooth typewriter-inspired animations, CMS-powered projects, and a code-driven design, giving developers, designers, and creators a site that feels alive and dynamic."}]},{"type":"customHeading","content":[{"type":"text","text":"Why Devolio Stands Out"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Retro-Cyber Aesthetic","marks":[{"type":"bold"}]},{"type":"text","text":" Sleek, code-inspired visuals with subtle animations — typewriter intros, text scrambles, and dynamic project previews create a futuristic, tech-forward vibe."}]},{"type":"paragraph","content":[{"type":"text","text":"Interactive Storytelling","marks":[{"type":"bold"}]},{"type":"text","text":" Each section feels like an experience. Explore your projects, share your story, or connect with visitors in a playful, immersive flow."}]},{"type":"paragraph","content":[{"type":"text","text":"CMS-Powered Flexibility","marks":[{"type":"bold"}]},{"type":"text","text":" Easily update projects, blog posts, and content without touching code. Fully optimized for Framer's CMS."}]},{"type":"paragraph","content":[{"type":"text","text":"Smart, Clean Structure","marks":[{"type":"bold"}]},{"type":"text","text":" Organized layouts highlight your work, skills, and creativity while keeping the focus on what matters."}]},{"type":"orderedList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Template Layout"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Organized Layers"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Asset Management"}]}]}],"attrs":{"type":null,"start":1}},{"type":"paragraph","content":[{"type":"text","text":"Developer Personality","marks":[{"type":"bold"}]},{"type":"text","text":" Reflects your precision, creativity, and style. Devolio turns your portfolio into a space that's uniquely yours."}]},{"type":"paragraph","content":[{"type":"text","text":"Built for Performance","marks":[{"type":"bold"}]},{"type":"text","text":" Optimized for Framer with smooth animations, responsive design, and SEO-friendly structure. Quick setup for first-time creators or pros refreshing their brand."}]},{"type":"customHeading","content":[{"type":"text","text":"Perfect For"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Developers seeking a portfolio with bold, retro-cyber style"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Designers who love futuristic, tech-forward aesthetics"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Freelancers showcasing projects, blogs, or digital work"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Creatives blending style, logic, and personality"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Pages Included"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Home"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Projects (CMS)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Blog (CMS)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Contact"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Terms & Conditions (CMS)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Privacy Policy (CMS)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"404"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Devolio isn't just a portfolio, it's where design, code, and personality meet in one dynamic digital experience."}]},{"type":"customHeading","content":[{"type":"text","text":"Need Help or More Assets?"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"For support, additional components, or templates, check our Framer profile or reach out on X → "},{"type":"text","text":"@vizualogy","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://x.com/vizualogy","target":"_blank"}}]}]}]},"introduction":"Retro Cyber-Brutalism Portfolio","slug":"devolio","author":{"framerUserId":"9e63854e-4560-47cb-9615-85ae7d476c1e","name":"Vizualogy Studio","slug":"vizualogy","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/739001/avatar-3aFLaSsj8u9SRBwlHJ9oMWWkGxBfkO.jpg","badges":["available","pro","studio"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9e63854e-4560-47cb-9615-85ae7d476c1e/tg29631z","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9e63854e-4560-47cb-9615-85ae7d476c1e/ohd2zm07","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9e63854e-4560-47cb-9615-85ae7d476c1e/gfonrnag","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9e63854e-4560-47cb-9615-85ae7d476c1e/r53oyv2u","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9e63854e-4560-47cb-9615-85ae7d476c1e/5uha2pzg","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-06-21T18:48:59.916Z","updatedAt":"2026-08-11T20:18:57.696Z","publishedAt":"2026-06-21T18:48:59.913Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":"39","paymentUrl":"https://buy.polar.sh/polar_cl_RQDrameNPHHzsvy8lqEs91U8xDCG4ET7w1HvL2ZPUmE","remixUrl":null,"previewUrl":"https://devolio.framer.website/","categories":[{"id":16,"name":"Personal","slug":"personal"},{"id":19,"name":"Portfolio","slug":"portfolio"},{"id":221,"name":"Graphic Design","slug":"graphic-design"}],"styles":[{"id":111,"name":"Minimal","slug":"minimal"},{"id":208,"name":"Dark","slug":"dark"}],"mainCategory":{"id":19,"name":"Portfolio","slug":"portfolio"},"features":[{"id":1,"name":"Appear Effects","slug":"appear-effects"},{"id":9,"name":"Overlays & Modals","slug":"overlays-modals"},{"id":21,"name":"CMS","slug":"cms"},{"id":23,"name":"Rich Media","slug":"rich-media"},{"id":25,"name":"Custom Cursors","slug":"custom-cursors"},{"id":30,"name":"Forms","slug":"forms"},{"id":32,"name":"Layout Templates","slug":"layout-templates"},{"id":35,"name":"Text Effects","slug":"text-effects"},{"id":39,"name":"Selection Styles","slug":"selection-styles"},{"id":40,"name":"Variable Fonts","slug":"variable-fonts"}],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":53,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-21T18:48:59.952Z","updatedAt":"2026-06-21T18:48:59.952Z"},{"id":"019edd16-76d9-772c-8751-afd6ce666d80","title":null,"body":"

We kept Pixel Reveal free for the past 2 months while we refined it and added more control.

Now it’s time to make it part of our paid collection.

10 reveal patterns, dynamic grid controls, color & image fills, adjustable speed, and more - all controlled directly from the Framer panel.

No code. Just drop it in and make your visuals move.

Pixel Reveal is now available for $4.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"We kept Pixel Reveal free for the past 2 months while we refined it and added more control."}]},{"type":"paragraph","content":[{"type":"text","text":"Now it’s time to make it part of our paid collection."}]},{"type":"paragraph","content":[{"type":"text","text":"10 reveal patterns, dynamic grid controls, color & image fills, adjustable speed, and more - all controlled directly from the Framer panel."}]},{"type":"paragraph","content":[{"type":"text","text":"No code. Just drop it in and make your visuals move."}]},{"type":"paragraph","content":[{"type":"text","text":"Pixel Reveal is now available for $4."}]}]},"author":{"framerUserId":"9e63854e-4560-47cb-9615-85ae7d476c1e","name":"Vizualogy Studio","slug":"vizualogy","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/739001/avatar-3aFLaSsj8u9SRBwlHJ9oMWWkGxBfkO.jpg","badges":["available","pro","studio"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"sFCOmnKQeBduv5z9y4hR","resolved":true,"title":"Pixel Reveal Engine","body":"$55","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"What's inside"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Pixel Reveal is not a CSS fade or a Framer Motion opacity trick. It's a grid-rendered reveal engine built on Framer's animation primitives, with every cell individually timed using distance-based delay math. The result is a controlled, directional uncovering effect that feels hand-crafted every time it runs."}]},{"type":"customHeading","content":[{"type":"text","text":"Patterns"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Ten animation patterns ship out of the box. Top Left, Top Right, Bottom Left, Bottom Right, Center Out, Left to Right, Right to Left, Top to Bottom, Bottom to Top, and Random. "}]},{"type":"customHeading","content":[{"type":"text","text":"Features"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"10 directional animation patterns with distance-based delay engine"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Color fill mode for solid pixel overlays on any background"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Image fill mode using container queries to perfectly tile across the grid"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable grid density via independent column and row controls"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Animation speed control from instant snap to slow cinematic crawl"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"InView trigger, fires once when the component enters the viewport"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Sub-pixel gap fix baked in, no rendering artifacts on any screen"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Cover, contain, and stretch image fit modes"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Zero layout shift, absolutely positioned overlay with pointer-events none"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Property Controls"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Every property is exposed in the Framer panel. Fill type, pixel color, image source, image fit, column count, row count, animation speed, and pattern are all switchable without touching code. Drop it, configure it, done."}]},{"type":"customHeading","content":[{"type":"text","text":"How to use"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Place Pixel Reveal as an absolute layer over any frame, image, card, or section. Set your fill type to Color or Image. Pick your pattern and speed. It triggers automatically on scroll into view. Works on hero sections, product images, loading screens, and full-page backgrounds."}]},{"type":"customHeading","content":[{"type":"text","text":"Built for"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Creative studios, portfolio sites, product launches, editorial Framer templates, and any project where a default opacity fade would be an embarrassment."}]},{"type":"customHeading","content":[{"type":"text","text":"Need help?"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Drop us a message on X at "},{"type":"text","text":"@vizualogy","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://x.com/vizualogy","target":"_blank"}}]},{"type":"text","text":", we're always around. Built by Vizualogy Studio. We design and build premium Framer components and experiences for founders and brands who care about the details."}]}]},"introduction":"Grid-based image reveal built for","slug":"pixel-reveal-engine","author":{"framerUserId":"9e63854e-4560-47cb-9615-85ae7d476c1e","name":"Vizualogy Studio","slug":"vizualogy","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/739001/avatar-3aFLaSsj8u9SRBwlHJ9oMWWkGxBfkO.jpg","badges":["available","pro","studio"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9e63854e-4560-47cb-9615-85ae7d476c1e/eq0ay1h4","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-06-18T23:34:57.446Z","updatedAt":"2026-08-11T20:12:49.510Z","publishedAt":"2026-06-18T23:34:57.441Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://pixelreveal.framer.website/","price":"4","paymentUrl":"https://buy.polar.sh/polar_cl_9GVv8UsSQKEARM1AVHoOjUbDUcNg5nVLw7rMj284DgO","workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"ZnjXanp2vtSNOEBc1DPE","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":46,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":2,"edited":true,"editedAt":"2026-08-11T20:12:50.323Z","createdAt":"2026-06-18T23:34:57.497Z","updatedAt":"2026-08-11T20:12:50.323Z"},{"id":"019ed699-89d4-774a-af73-58afa12eabbc","title":null,"body":"

Trying to publish our template through the new

@Framer Marketplace. Got a "Failed to save template" error. Reloaded the page, filled everything out again, same error. What makes it even more frustrating is that there's no draft feature anymore, so every time it fails, I have to fill everything out from scratch again.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Trying to publish our "},{"type":"text","text":"template","marks":[{"type":"bold"}]},{"type":"text","text":" through "},{"type":"text","text":"the","marks":[{"type":"bold"}]},{"type":"text","text":" "},{"type":"text","text":"new","marks":[{"type":"bold"}]},{"type":"text","text":" "}]},{"type":"paragraph","content":[{"type":"mention","attrs":{"id":"a7cd9fe6-cf81-4a41-8e93-bca0291dba80","slug":"framer","label":"Framer","mentionSuggestionChar":"@"}},{"type":"text","text":" "},{"type":"text","text":"Marketplace","marks":[{"type":"bold"}]},{"type":"text","text":". Got a \"Failed to save "},{"type":"text","text":"template","marks":[{"type":"bold"}]},{"type":"text","text":"\" error. Reloaded "},{"type":"text","text":"the","marks":[{"type":"bold"}]},{"type":"text","text":" page, filled everything out again, same error. What makes it even more frustrating is that there's no draft feature anymore, so every time it fails, "},{"type":"text","text":"I","marks":[{"type":"bold"}]},{"type":"text","text":" have to fill everything out from scratch again."}]}]},"author":{"framerUserId":"9e63854e-4560-47cb-9615-85ae7d476c1e","name":"Vizualogy Studio","slug":"vizualogy","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/739001/avatar-3aFLaSsj8u9SRBwlHJ9oMWWkGxBfkO.jpg","badges":["available","pro","studio"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9e63854e-4560-47cb-9615-85ae7d476c1e/8yzvgcn5","metadata":{"tint":{"h":0,"s":0,"l":3},"width":695,"height":887}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":6},"reposts":{"count":0,"reposted":false,"repostId":null},"version":2,"edited":true,"editedAt":"2026-06-18T23:39:06.272Z","createdAt":"2026-06-17T17:20:47.064Z","updatedAt":"2026-06-18T23:39:06.272Z"},{"id":"019d934e-fa0d-79fb-9803-43523180a491","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"9e63854e-4560-47cb-9615-85ae7d476c1e","name":"Vizualogy Studio","slug":"vizualogy","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/739001/avatar-3aFLaSsj8u9SRBwlHJ9oMWWkGxBfkO.jpg","badges":["available","pro","studio"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"D3gY6gSQcliiWGG0GmbV","resolved":true,"title":"WaveAudioPlayer","body":"$56","bodyJson":null,"introduction":"Brutalist audio player with live waves","slug":"waveaudioplayer","author":{"framerUserId":"9e63854e-4560-47cb-9615-85ae7d476c1e","name":"Vizualogy Studio","slug":"vizualogy","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/739001/avatar-3aFLaSsj8u9SRBwlHJ9oMWWkGxBfkO.jpg","badges":["available","pro","studio"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/D3gY6gSQcliiWGG0GmbV/waveaudioplayer-Etgk1mjhCVwyQBUqYe172mEf66IV5a","metadata":{"tint":{"h":270,"s":67,"l":9},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-04-12T19:56:35.440Z","updatedAt":"2026-05-20T23:19:45.074Z","publishedAt":"2026-04-15T22:41:59.821Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/Wave-Audio-Player-UbQQql.js@llbHiKvaA4k5Qmk1xz6F","previewUrl":"https://waveaudioplayer.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"ae04a700-60cc-429a-b133-88f3c9709ec0","name":"Players","slug":"players"}],"lastSaveId":"llbHiKvaA4k5Qmk1xz6F","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":34,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-04-15T22:41:59.821Z","updatedAt":"2026-04-15T22:41:59.821Z"},{"id":"019c8273-e871-7144-a38a-2b4073f95ebe","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"9e63854e-4560-47cb-9615-85ae7d476c1e","name":"Vizualogy Studio","slug":"vizualogy","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/739001/avatar-3aFLaSsj8u9SRBwlHJ9oMWWkGxBfkO.jpg","badges":["available","pro","studio"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"13312","resolved":true,"title":"Retro Kits MA","body":null,"bodyJson":null,"introduction":"Retro Kits MA is a premium e-commerce destination for vintage football jerseys in Morocco. We designed an immersive interface balancing 90s nostalgia with a sleek streetwear vibe. Built in Framer, it features a robust CMS, dynamic filtering, and fluid layouts.","slug":"retro-kits-ma","author":{"framerUserId":"9e63854e-4560-47cb-9615-85ae7d476c1e","name":"Vizualogy Studio","slug":"vizualogy","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/739001/avatar-3aFLaSsj8u9SRBwlHJ9oMWWkGxBfkO.jpg","badges":["available","pro","studio"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/sites/13312/thumbnail-Anx9jOzn9dXE21WjawtB9pclO80QwY.jpg","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-02-21T23:06:00.176Z","updatedAt":"2026-02-21T23:06:00.176Z","publishedAt":"2026-02-21T23:06:00.177Z","featuredAt":null,"approvedAt":null,"type":"site","attributes":{"url":"https://retrokits.ma/","categories":[{"id":"3b2881c5-bbfb-430d-83f6-b1b0ac597b8d","name":"Ecommerce","slug":"ecommerce"}],"mainCategory":null,"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-02-21T23:06:00.177Z","updatedAt":"2026-02-21T23:06:00.177Z"},{"id":"019a796c-e8ee-7324-a74c-93cbf86c1e8a","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"9e63854e-4560-47cb-9615-85ae7d476c1e","name":"Vizualogy Studio","slug":"vizualogy","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/739001/avatar-3aFLaSsj8u9SRBwlHJ9oMWWkGxBfkO.jpg","badges":["available","pro","studio"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"9766","resolved":true,"title":"KDiamonds","body":null,"bodyJson":null,"introduction":"KDiamonds is a luxury teaser website for the world’s first K-Culture engagement company. Built to introduce the brand’s vision, it sets the tone for a global movement uniting fans, brands, and creators through design and storytelling.","slug":"kdiamonds","author":{"framerUserId":"9e63854e-4560-47cb-9615-85ae7d476c1e","name":"Vizualogy Studio","slug":"vizualogy","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/739001/avatar-3aFLaSsj8u9SRBwlHJ9oMWWkGxBfkO.jpg","badges":["available","pro","studio"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/sites/9766/thumbnail-crPFmgLpAaAEk4GpuJBWvk52NLv40l.jpg","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-11-12T18:56:12.014Z","updatedAt":"2025-11-12T18:56:12.014Z","publishedAt":"2025-11-12T18:56:12.014Z","featuredAt":null,"approvedAt":null,"type":"site","attributes":{"url":"https://kdiamonds.io/","categories":[{"id":"b65821c4-e205-4861-a28b-1623536037f7","name":"Landing Page","slug":"landing-page"},{"id":"ddd39099-5b17-42e0-b333-7b7c480a114f","name":"Business","slug":"business"}],"mainCategory":null,"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":"2025-11-12T18:56:12.014Z","updatedAt":"2025-11-12T18:56:12.014Z"},{"id":"019a6da8-8736-7ac2-b9d2-f17682dcc962","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"9e63854e-4560-47cb-9615-85ae7d476c1e","name":"Vizualogy Studio","slug":"vizualogy","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/739001/avatar-3aFLaSsj8u9SRBwlHJ9oMWWkGxBfkO.jpg","badges":["available","pro","studio"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"b9haPEQNqAqLD6QfTJfD","resolved":true,"title":"Retro Resume","body":"$57","bodyJson":null,"introduction":"","slug":"terminal-resume","author":{"framerUserId":"9e63854e-4560-47cb-9615-85ae7d476c1e","name":"Vizualogy Studio","slug":"vizualogy","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/739001/avatar-3aFLaSsj8u9SRBwlHJ9oMWWkGxBfkO.jpg","badges":["available","pro","studio"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/b9haPEQNqAqLD6QfTJfD/terminal-resume-j0plUO9St7yxEbRcvk3xCesJbPihUv","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-10-30T14:03:42.514Z","updatedAt":"2025-11-23T17:00:59.259Z","publishedAt":"2025-11-10T12:05:52.566Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/Terminal-Resume-0A2p.js@01gvL008MtfVzrywgW17","previewUrl":"https://retro-resume.framer.website","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"01gvL008MtfVzrywgW17","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":7,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-11-10T12:05:52.566Z","updatedAt":"2025-11-10T12:05:52.566Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L58"}]