51:I[267044,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/15s1ft4k9lx-7.js","/creators-assets/_next/static/immutable/chunks/0x8sumr53pdkk.js","/creators-assets/_next/static/immutable/chunks/3pud1dqsw0-_7.js","/creators-assets/_next/static/immutable/chunks/1m75iqpnspynu.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/3ohf-5_4hfjuq.js","/creators-assets/_next/static/immutable/chunks/2jjhfe7-w6y9a.js","/creators-assets/_next/static/immutable/chunks/325i2v5l4tnlq.js","/creators-assets/_next/static/immutable/chunks/0kisxyo3aw231.js","/creators-assets/_next/static/immutable/chunks/2b1mm8iiske-y.js","/creators-assets/_next/static/immutable/chunks/0i7m0zg6jfazw.js","/creators-assets/_next/static/immutable/chunks/3-hmotkz_bdv_.js","/creators-assets/_next/static/immutable/chunks/06bqtx1jsc1kz.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3naniu4pnqfyw.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/456d4lcv9-syj.js","/creators-assets/_next/static/immutable/chunks/36-o7-3julke0.js","/creators-assets/_next/static/immutable/chunks/2xq6uu2rcdc2i.js","/creators-assets/_next/static/immutable/chunks/2y9gv91n8o3i9.js","/creators-assets/_next/static/immutable/chunks/3z6ke99nzr4_e.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/1fkcqskfw4hol.js","/creators-assets/_next/static/immutable/chunks/3ixl4aqv6ylo7.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/2di2v55rtz-8i.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/00owjoob9gqs9.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js"],"S"] 52:T7b0,600 creators joined the Framer Agents Hackathon for 24 hours of building, experimenting, and shipping. Meet the 10 winners ↓ Hydrogen Orbital by @Joshua from V2SPACE: A real-time, interactive visualization of hydrogen atom wavefunctions built as a single self-contained Framer code component. Glow Dots by @Voicu Apostol: An interactive panel of animated glowing dots with reactive hover sound effects and customizable controls to fine-tune the experience. Nekopedia by @Mason Price: An interactive encyclopedia of 104 cat breeds, set in an infinite drag-and-pan world with custom AI-generated low-poly cats and a retro pixel-art feel. Scroll Grow Folio by @Sanna Granqvist: An interactive portfolio that turns scrolling into a dynamic visual experience with expanding transitions, fluid micro-interactions, and a live digital clock. Animotion by @Jonathan T: Turns your website into an interactive motion experience. Using your browser and webcam, it transforms movement into animated shapes that react in real time. Hire Protocol by @Nick: A HUD-inspired CV with dense layouts, interactive details, and playful micro-animations that turn your experience into a memorable browsing experience. United in Football by @Till Janek: A tribute to the world’s most universal game, exploring how football connects people through shared passion and emotion. YORK st Brand Guide by @Victoria: This editorial-style Brand Guide uses Framer Agent to turn creative direction into a polished experience for brand assets, guidelines, and resources. DRUM003 by @Oskar Mieta: A playable drum machine for Framer designed to feel like a physical hardware instrument inspired by the clean, tactile design style of Rams. Madeline by @Over Sight: A photography portfolio designed as a living visual archive, combining bold imagery, smooth motion, and subtle interactions for a more immersive experience. Thank you everyone for participating 💙 We loved seeing all of your submissions.53:T892,

Create embossed and debossed 3D text with metal, ceramic, paper, stone, rubber, and plaster materials.

Turn any typeface into dimensional material text. Raise it from the surface for an embossed look, press it inward for a debossed effect, or remove the background and use the material effect directly over your page.

⏹ ⏹ Great for ⏹ ⏹

Hero headlines and oversized display type
Logos, wordmarks, and expressive typography
Product launches, portfolios, and campaign pages
Embossed and debossed labels, badges, and graphic details
Material-inspired editorial layouts and art-directed sections

⏹ ⏹ Features ⏹ ⏹

8 material presets: Dry Plaster, Matte Paper, Rough Stone, Smooth Stone, Soft Rubber, Polished Plaster, Glazed Ceramic, and Metal.
Embossed or debossed: Use positive Depth for raised text or negative Depth for recessed text.
Background On / Off: Extend the material across the full component, or keep it just around the letters for a transparent cutout.
Adjustable material margin: Control how tightly the material island hugs the text when Background is Off.
Full typography control: Use Framer’s native font controls to customize typeface, weight, size, alignment, letter spacing, and line height.
Customize the look: Adjust Texture Color, Depth, edge softness, Light Angle, and Light Height.
Real-time material rendering: Lighting, depth, texture, and surface response update live as you design.
Made for real layouts: Text stays as live HTML while the material effect renders behind it, with support for webfonts, resizing, and multiple instances on the same page.

Made with ♡ by SOSOTAR. If you have any questions, email play@sosotar.com

54:T8b8,

Full template tour →

⏹⏹ Overview ⏹⏹

Neu Bento is an exploration of airy neumorphism.

Soft dimensional surfaces meet a spacious bento grid, with generous breathing room and subtle moments of delight woven into every interaction.

⏹⏹ Key Features ⏹⏹

Airy Neumorphic Design Language
A consistent visual language of soft depth, open space, and tactile surfaces carried throughout the template.
Embossed & Debossed Effects
Intricately layered shadows create dimensional raised and recessed surfaces, with a dedicated effects guide included.
Tactile Micro-interactions
Thoughtful hover, press, motion, and cursor details make the experience feel responsive and physical.
Responsive Bento Layouts
Adapted across desktop, tablet, and mobile breakpoints so the composition stays intentional at every size.
Flexible CMS Setup
Projects and testimonials are CMS-ready for easy updates, with the flexibility to use the template without CMS if preferred.
Documentation Throughout
Built-in guidance covers effects, color styles, text styles, components, and code overrides so you can understand how everything works.

All sales of digital products are non-refundable. If you have any questions, please contact play@sosotar.com before completing your purchase. We are happy to help.

55:T707,

Full template tour →

⏹⏹ ChatFolio ⏹⏹

Most portfolios are built around a grid. ChatFolio is built around a conversation. Inspired by the first generation of AI chat interfacesIt, ChatFolio is the first-of-its-kind Framer portfolio template that turns your work, story, and case studies into a simulated AI chat experience.

⏹⏹ Key Features ⏹⏹

Guides visitors through your story one step at a time. Your “agent” introduces your work, background, skills, and links inside a chat thread.
Freely jump between sections, revisit previous messages, and dive deeper into any case study.
The AI chat-style micro interactions have been carefully tuned through a modular system of code overrides and design architecture.
You can customize the visual design freely in Framer without breaking the interaction logic underneath.

All sales of digital products are final and non-refundable. If you have any questions about a product, please contact us at play@sosotar.com before completing your purchase. We are happy to help.

56:T789,

Component Overview

Text Pile Scatter is a playful physics text component built with Matter.js. Each non-space character becomes its own letter body, so the text can fall, collide, pile up, and come back together with a more natural physical feel.

Key Features

Text breaks into individual physics-based letters
Letters drop, collide, and settle into a floor pile
Letter pile can rebuild into readable text
Scatter and rebuild can each be triggered by hover or click
Supports mixed interactions, such as hover to rebuild and click to scatter
Built with Matter.js for real-time gravity, collision, and pile behavior
Works with custom text, including \n line breaks
Designed for playful hero sections and interactive text moments

Customizable Options

Font, size, weight, line height, and letter spacing
Letter color
Text alignment
Text block width
Assembled text position
Scatter trigger: hover or click
Rebuild trigger: hover or click
Snap strength for how quickly letters reform
Gravity strength
Spread amount for how far letters scatter
Damping / air resistance for the falling motion

Purchase Includes

Ready-to-copy component install URL
Instruction and demo file
Inline notes for guidance
Lifetime access & updates

Refund Policy

All sales of digital products are final and non-refundable. If you have any questions about a product, please contact us at play@sosotar.com before completing your purchase. We are happy to help.

57:T457,

Key features

Cursor-reactive text fragmentation
Local ripple effect around the cursor
Smooth return animation after movement
Supports single-line and multi-line text
Works with custom fonts, sizes, weights, and spacing
Adjustable text color
Control the fragment size for finer or chunkier slices
Control the cursor reach to make the ripple tighter or wider
Control smear strength for subtle movement or stronger fracture
Control trail timing for a quick snap-back or slower settle

What you can customize

Text content
Font family, size, weight, line height, and letter spacing
Text color
Cell size
Effect Reach
Smear
Trail

Made with ♡ by SOSOTAR. If you have any question, email play@sosotar.com

58:T444,

⏹ ⏹ Features ⏹ ⏹

The curve is generated from parametric controls (amplitude, density, sharpness, position) rather than a fixed SVG asset
A Locked Shape mode renders the curve in a fixed internal coordinate system and scales it reliably, avoiding re-generation artifacts on resize
An Adaptive mode optionally recomputes the curve based on layout measurements for procedural use cases
The component manages SVG scaling, viewBox behavior, and container sizing to prevent distortion, clipping, or Preview inconsistencies
All logic is Preview-safe and handles Framer’s layout lifecycle without relying on static assets
Consistent curved transitions across breakpoints
Fine-grained shape control without manual SVG editing
Reliable behavior in both Canvas and Preview environments

Made with ♡ by SOSOTAR. If you have any question, email play@sosotar.com

59:T553,

⏹ ⏹ Features ⏹ ⏹

Image Mask: Fill the extruded body with any image, with zoom and position controls
Fallback Color: Solid color fill when no image is set
Depth and Angle: Control how far the text pops out and in which direction
Face Color: Separate color for the front text surface
Scroll Animation: Letters rise from the ground into position when the component enters view
Per-letter Stagger: Each letter lifts on its own offset timeline
Easing: Choose Linear, Ease Out, Ease In Out, or Spring (with a subtle overshoot)
Delay: Hold before the animation begins after entering view
Manual Line Breaks: Use \n to break text across multiple lines
Full font control: Family, size, weight, style, and tracking via Framer's native Font picker
Text Alignment: Left, center, or right, active when text wraps to multiple lines

Made with ♡ by SOSOTAR. If you have any question, email play@sosotar.com

5a:T773,

Move your cursor around the gradient to see it come alive.

⏹ ⏹ Great for ⏹ ⏹

Interactive hero backdrop behind headlines/CTAs

Ambient page background for marketing sites and portfolios

High-touch “moment” for product launches, events, or brand storytelling sections
Section transitions (paired with gradients/overlays) for depth and motion without video

⏹ ⏹ Features ⏹ ⏹

Hero & background ready: Designed to sit behind content and elevate landing pages, product heroes, and section dividers with dynamic ambience.

Cursor-reactive motion: Smooth, “liquid” response that feels premium.

Autonomous drift + morph: Movement continues naturally with no cursor input, keeping the page feeling alive.

High-quality WebGL shader: Single pass, procedural rendering, no image assets and no heavy DOM layers.

Performance-minded: GPU-driven animation with adaptive rendering behavior to maintain smooth playback and avoid visible jitter.

Easy art direction: Preset palettes plus custom colors (void + band stops) for quick brand matching.

Control over feel: Tune scale, distortion, grain, bloom, and lag to go from subtle luxury to bold kinetic energy.

Robust in real pages: Handles resize/visibility changes and maintains stable output in preview and runtime environments.

Made with ♡ by SOSOTAR. If you have any question, email play@sosotar.com

5b:T4e9,

Scroll Reactive Logo Carousel

⏹ ⏹ Features ⏹ ⏹

Uses a continuous, time-based motion loop driven by per-frame velocity updates, not keyframes, easing, or timeline animations
Detects scroll direction at runtime and conditionally reverses motion while the carousel continues moving infinitely
Applies temporary velocity impulses on scroll input that decay over time, creating inertial speed bursts rather than scrubbing motion
Motion persists independently of scroll position and does not restart, snap, or reverse animation progress
Combines infinite looping with conditional velocity logic, which cannot be replicated using Framer’s native ticker or scroll effects
Supports scrollable containers for reliable preview behavior while preserving page-level scroll detection in production
Designed as a motion system rather than a visual effect, prioritizing continuity, inertia, and physical responsiveness

✅ Source code included with purchase.

Made with ♡ by SOSOTAR. If you have any question, email play@sosotar.com

50:["$","$L51",null,{"value":{"fallback":{"$inf$activity-creator-10a990dc-ceac-4534-8a2f-6984f95d2357-all:/unified/creator/10a990dc-ceac-4534-8a2f-6984f95d2357/activity/":[{"data":[{"id":"01a0c9b4-e373-77aa-a20b-207f50b3da61","type":"component.created","target":{"type":"component","id":"PyIgMUIdGQDtivphvskb","preview":"3D Material Text","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/10a990dc-ceac-4534-8a2f-6984f95d2357/01a0c9a8-1229-77eb-bb75-ceb40d7e3208.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"10a990dc-ceac-4534-8a2f-6984f95d2357","name":"SOSOTAR","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1474013/avatar-PEmxiluFOoO3BtwSDw1idLDrpUeEqc.jpg","slug":"sosotar","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-09-22T15:21:10.259Z","latestAt":"2026-09-22T15:21:10.259Z"},{"id":"01a0349f-5b41-74ef-bc36-ba67ef33b614","type":"template.created","target":{"type":"template","id":"71809","preview":"Neu Bento","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/10a990dc-ceac-4534-8a2f-6984f95d2357/01a045fd-1c8f-747f-9326-1d95e0167bb3.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"10a990dc-ceac-4534-8a2f-6984f95d2357","name":"SOSOTAR","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1474013/avatar-PEmxiluFOoO3BtwSDw1idLDrpUeEqc.jpg","slug":"sosotar","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-08-24T16:34:13.953Z","latestAt":"2026-08-24T16:34:13.953Z"},{"id":"019f7571-fe48-7140-a194-95e87867925e","type":"comment.created","target":{"type":"post","id":"019f7567-211d-735f-90ba-a3097c8e0928","preview":"Looks like it’s time for another little break from @framer ✈☀","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Looks like it’s time for another little break from @framer "},{"type":"emoji","attrs":{"name":"airplane","emoji":"✈"}},{"type":"emoji","attrs":{"name":"sunny","emoji":"☀"}}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/94772ad7-baad-4763-bd35-365704374dc3/019f7566-aa92-77f4-a2c6-565e49f3dcf6.png","targetDeleted":false,"owned":false,"actions":{"postId":"019f7567-211d-735f-90ba-a3097c8e0928","like":{"count":32,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019f7571-fe37-760e-862d-8e018d595129","preview":"Is there gonna be an in-flight hackathon on that flight? 👀","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Is there gonna be an in-flight hackathon on that flight? "},{"type":"emoji","attrs":{"name":"eyes","emoji":"👀"}}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019f7567-211d-735f-90ba-a3097c8e0928","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019f7571-fe37-760e-862d-8e018d595129"},"repost":null}},"actors":[{"id":"10a990dc-ceac-4534-8a2f-6984f95d2357","name":"SOSOTAR","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1474013/avatar-PEmxiluFOoO3BtwSDw1idLDrpUeEqc.jpg","slug":"sosotar","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-18T13:37:12.776Z","latestAt":"2026-07-18T13:37:12.776Z"},{"id":"019f5bb5-2d49-741f-9b8f-d514c44eb1b2","type":"comment.liked","target":{"type":"comment","id":"019f5bb2-7b33-74aa-91da-e4a7169635d0","preview":"Fun","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Fun"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019e9904-4cb7-71a3-8000-4c099259eef6","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019f5bb2-7b33-74aa-91da-e4a7169635d0"},"repost":null}},"context":{"type":"post","id":"019e9904-4cb7-71a3-8000-4c099259eef6","preview":"Text Pile Scatter","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/4DMOo16tvwIhL02zcVPi/text-pile-scatter-PBwjExXBWddxB5xgFOYOtcaBAZLvH4","targetDeleted":false,"owned":true,"actions":{"postId":"019e9904-4cb7-71a3-8000-4c099259eef6","like":{"count":15,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"10a990dc-ceac-4534-8a2f-6984f95d2357","name":"SOSOTAR","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1474013/avatar-PEmxiluFOoO3BtwSDw1idLDrpUeEqc.jpg","slug":"sosotar","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-13T13:40:28.098Z","latestAt":"2026-07-13T13:40:28.098Z"},{"id":"019f5bb5-0614-7273-ab3f-480ed99ef15c","type":"comment.liked","target":{"type":"comment","id":"019f5bb3-f0bd-74d9-899c-14067ec92b5f","preview":"So on point. Exactly what I was looking for.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"So on point. Exactly what I was looking for."}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019d068b-9b1c-7a41-a252-30c2774fb1b0","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019f5bb3-f0bd-74d9-899c-14067ec92b5f"},"repost":null}},"context":{"type":"post","id":"019d068b-9b1c-7a41-a252-30c2774fb1b0","preview":"Curved Divider Pro","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/rlTcyG9NeHzyKSqmBygN/curved-section-pro-B8PeAxMNSyyvTXwDbeYaVEsxXX3wpD","targetDeleted":false,"owned":true,"actions":{"postId":"019d068b-9b1c-7a41-a252-30c2774fb1b0","like":{"count":6,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"10a990dc-ceac-4534-8a2f-6984f95d2357","name":"SOSOTAR","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1474013/avatar-PEmxiluFOoO3BtwSDw1idLDrpUeEqc.jpg","slug":"sosotar","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-13T13:40:18.063Z","latestAt":"2026-07-13T13:40:18.063Z"},{"id":"019f5bb4-5c01-756b-83b7-4e5f4d7478d8","type":"comment.liked","target":{"type":"comment","id":"019f5bb1-035d-758c-a762-5d00fc54e367","preview":"Just... wow. Loved this!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Just... wow. Loved this!"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019f3dfa-3cc4-77d9-a2b7-a063e7c9a510","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019f5bb1-035d-758c-a762-5d00fc54e367"},"repost":null}},"context":{"type":"post","id":"019f3dfa-3cc4-77d9-a2b7-a063e7c9a510","preview":"ChatFolio","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/10a990dc-ceac-4534-8a2f-6984f95d2357/01a039d3-fcb9-734b-b08f-673f9497c283.png","targetDeleted":false,"owned":true,"actions":{"postId":"019f3dfa-3cc4-77d9-a2b7-a063e7c9a510","like":{"count":8,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"10a990dc-ceac-4534-8a2f-6984f95d2357","name":"SOSOTAR","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1474013/avatar-PEmxiluFOoO3BtwSDw1idLDrpUeEqc.jpg","slug":"sosotar","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-13T13:39:34.526Z","latestAt":"2026-07-13T13:39:34.526Z"},{"id":"019f46eb-eea5-70fe-8e2c-c75eff1d4eb0","type":"post.liked","target":{"type":"post","id":"019f2380-85ba-717d-8fb8-c58a833f9da0","preview":"Asked @Framer agents to build a pattern generator for identity projects \nClients can now create visuals and publish on the fly \nSteal a prompt in comments \n↓","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Asked "},{"type":"mention","attrs":{"id":"a7cd9fe6-cf81-4a41-8e93-bca0291dba80","slug":"framer","label":"Framer","mentionSuggestionChar":"@"}},{"type":"text","text":" agents to build a pattern generator for identity projects "}]},{"type":"paragraph","content":[{"type":"text","text":"Clients can now create visuals and publish on the fly "}]},{"type":"paragraph","content":[{"type":"text","text":"Steal a prompt in comments "}]},{"type":"paragraph","content":[{"type":"text","text":"↓"}]}]},"thumbnail":"https://image.mux.com/Vb6PzahTJyrO4OEMwkNSZC640101MiZUCwrNYrzXPbdVQ/thumbnail.webp?time=1.25","targetDeleted":false,"owned":false,"actions":{"postId":"019f2380-85ba-717d-8fb8-c58a833f9da0","like":{"count":223,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"10a990dc-ceac-4534-8a2f-6984f95d2357","name":"SOSOTAR","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1474013/avatar-PEmxiluFOoO3BtwSDw1idLDrpUeEqc.jpg","slug":"sosotar","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-09T12:48:15.005Z","latestAt":"2026-07-09T12:48:15.005Z"},{"id":"019f44d8-d60e-744d-8840-97e62afe6394","type":"comment.liked","target":{"type":"comment","id":"019f44d6-c386-7176-8ce2-2f5f4d6c8968","preview":"insanely smooth!!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"insanely smooth!!"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019c686b-25b9-78be-976d-5b044ec12198","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019f44d6-c386-7176-8ce2-2f5f4d6c8968"},"repost":null}},"context":{"type":"post","id":"019c686b-25b9-78be-976d-5b044ec12198","preview":"Fluid Mesh Gradient ","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/10a990dc-ceac-4534-8a2f-6984f95d2357/019f622e-e3f0-7220-967d-331f9cc5bd30.png","targetDeleted":false,"owned":true,"actions":{"postId":"019c686b-25b9-78be-976d-5b044ec12198","like":{"count":27,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"10a990dc-ceac-4534-8a2f-6984f95d2357","name":"SOSOTAR","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1474013/avatar-PEmxiluFOoO3BtwSDw1idLDrpUeEqc.jpg","slug":"sosotar","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-09T03:08:09.094Z","latestAt":"2026-07-09T03:08:09.094Z"},{"id":"019f44d8-ab7f-74ae-913f-b31452f92928","type":"comment.liked","target":{"type":"comment","id":"019f44d7-a7f7-756b-b4b3-bd524f70bccf","preview":"LOVE the way letters fall","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"LOVE the way letters fall"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019e9904-4cb7-71a3-8000-4c099259eef6","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019f44d7-a7f7-756b-b4b3-bd524f70bccf"},"repost":null}},"context":{"type":"post","id":"019e9904-4cb7-71a3-8000-4c099259eef6","preview":"Text Pile Scatter","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/4DMOo16tvwIhL02zcVPi/text-pile-scatter-PBwjExXBWddxB5xgFOYOtcaBAZLvH4","targetDeleted":false,"owned":true,"actions":{"postId":"019e9904-4cb7-71a3-8000-4c099259eef6","like":{"count":15,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"10a990dc-ceac-4534-8a2f-6984f95d2357","name":"SOSOTAR","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1474013/avatar-PEmxiluFOoO3BtwSDw1idLDrpUeEqc.jpg","slug":"sosotar","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-09T03:07:58.201Z","latestAt":"2026-07-09T03:07:58.201Z"},{"id":"019f1b54-b23c-75a0-8c0a-2f4806e2c909","type":"creator.followed","target":{"type":"creator","id":"18e62312-a57d-4b83-bb42-c9ae2ee7e746","preview":"Andreu","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/33115/avatar-rwc2c6NcpQwKWKwqVAW5N3CuvNFV8s.jpg","slug":"andreu","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"10a990dc-ceac-4534-8a2f-6984f95d2357","name":"SOSOTAR","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1474013/avatar-PEmxiluFOoO3BtwSDw1idLDrpUeEqc.jpg","slug":"sosotar","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-08T18:08:43.755Z","latestAt":"2026-07-08T18:08:43.755Z"},{"id":"019f42e1-2b72-7230-ab48-e8999c3fabec","type":"comment.liked","target":{"type":"comment","id":"019efdc5-41e3-7040-9fc3-b125cb617633","preview":"Really clean presentation.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Really clean presentation."}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019e9904-4cb7-71a3-8000-4c099259eef6","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019efdc5-41e3-7040-9fc3-b125cb617633"},"repost":null}},"context":{"type":"post","id":"019e9904-4cb7-71a3-8000-4c099259eef6","preview":"Text Pile Scatter","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/4DMOo16tvwIhL02zcVPi/text-pile-scatter-PBwjExXBWddxB5xgFOYOtcaBAZLvH4","targetDeleted":false,"owned":true,"actions":{"postId":"019e9904-4cb7-71a3-8000-4c099259eef6","like":{"count":15,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"10a990dc-ceac-4534-8a2f-6984f95d2357","name":"SOSOTAR","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1474013/avatar-PEmxiluFOoO3BtwSDw1idLDrpUeEqc.jpg","slug":"sosotar","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-08T17:58:00.811Z","latestAt":"2026-07-08T17:58:00.811Z"},{"id":"019f4204-f414-71fe-bbfa-92ff059e976a","type":"post.liked","target":{"type":"post","id":"019ef9ce-241a-7284-a186-5b9d4714ca1f","preview":"$52","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"600 creators joined the Framer Agents Hackathon for 24 hours of building, experimenting, and shipping. Meet the 10 winners ↓"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Hydrogen Orbital","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://re.chujiqiqi.com/community/contests/agents-hackathon/submissions/2VbozCsPG8keoxNdAUCwaV/","target":"_blank"}}]},{"type":"text","text":" by "},{"type":"mention","attrs":{"id":"9cf25393-088e-4cb0-985a-ce34d8a7e7fc","slug":"jshguo","label":"Joshua from V2SPACE","mentionSuggestionChar":"@"}},{"type":"text","text":": A real-time, interactive visualization of hydrogen atom wavefunctions built as a single self-contained Framer code component."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Glow Dots","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://re.chujiqiqi.com/community/contests/agents-hackathon/submissions/6qtRYj4b1YJrZg3s3Qf87q/","target":"_blank"}}]},{"type":"text","text":" by "},{"type":"mention","attrs":{"id":"9cb3d94c-0347-4838-ab07-d08c5c24be1f","slug":"cerpow","label":"Voicu Apostol","mentionSuggestionChar":"@"}},{"type":"text","text":": An interactive panel of animated glowing dots with reactive hover sound effects and customizable controls to fine-tune the experience."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Nekopedia","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://re.chujiqiqi.com/community/contests/agents-hackathon/submissions/Jn7XYFKnihJpxFek68aR3c/","target":"_blank"}}]},{"type":"text","text":" by "},{"type":"mention","attrs":{"id":"2493eb92-4f83-4fdd-9dc2-55865c25b4e7","slug":"mason-price","label":"Mason Price","mentionSuggestionChar":"@"}},{"type":"text","text":": An interactive encyclopedia of 104 cat breeds, set in an infinite drag-and-pan world with custom AI-generated low-poly cats and a retro pixel-art feel."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Scroll Grow Folio","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://re.chujiqiqi.com/community/contests/agents-hackathon/submissions/RCDuDqfkocDGcRefb9r9Yn/","target":"_blank"}}]},{"type":"text","text":" by "},{"type":"mention","attrs":{"id":"2a425ad9-c342-4590-af3c-88a1f3875e22","slug":"sanna-granqvist","label":"Sanna Granqvist","mentionSuggestionChar":"@"}},{"type":"text","text":": An interactive portfolio that turns scrolling into a dynamic visual experience with expanding transitions, fluid micro-interactions, and a live digital clock."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Animotion","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://re.chujiqiqi.com/community/contests/agents-hackathon/submissions/BjNRUeYDv4FS1YVzoWZcnN/","target":"_blank"}}]},{"type":"text","text":" by "},{"type":"mention","attrs":{"id":"e08cd5c4-2a6c-40fc-a61f-6f8413fe5122","slug":"jonathan-truong","label":"Jonathan T","mentionSuggestionChar":"@"}},{"type":"text","text":": Turns your website into an interactive motion experience. Using your browser and webcam, it transforms movement into animated shapes that react in real time."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Hire Protocol","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://re.chujiqiqi.com/community/contests/agents-hackathon/submissions/9Wq8ZrkyW2jCeuMPtKBHDX/","target":"_blank"}}]},{"type":"text","text":" by "},{"type":"mention","attrs":{"id":"f83f71ee-6f25-43cf-833c-4692c35cea40","slug":"designsfromnick","label":"Nick","mentionSuggestionChar":"@"}},{"type":"text","text":": A HUD-inspired CV with dense layouts, interactive details, and playful micro-animations that turn your experience into a memorable browsing experience."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"United in Football","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://re.chujiqiqi.com/community/contests/agents-hackathon/submissions/X1o9hBQ4TUC2YyX5TSkpGd/","target":"_blank"}}]},{"type":"text","text":" by "},{"type":"mention","attrs":{"id":"0365a5a1-29eb-426a-bb58-af7fe6b72ccf","slug":"tilljanek","label":"Till Janek","mentionSuggestionChar":"@"}},{"type":"text","text":": A tribute to the world’s most universal game, exploring how football connects people through shared passion and emotion."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"YORK st Brand Guide","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://re.chujiqiqi.com/community/contests/agents-hackathon/submissions/9CNVCuNcrvs7zUVwRWwNyT/","target":"_blank"}}]},{"type":"text","text":" by "},{"type":"mention","attrs":{"id":"40d92c41-f800-405e-a88c-e39a2d1cce36","slug":"victoria-framer","label":"Victoria","mentionSuggestionChar":"@"}},{"type":"text","text":": This editorial-style Brand Guide uses Framer Agent to turn creative direction into a polished experience for brand assets, guidelines, and resources."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"DRUM003","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://re.chujiqiqi.com/community/contests/agents-hackathon/submissions/QNhTvrqDKMA7QBuywde9t6/","target":"_blank"}}]},{"type":"text","text":" by "},{"type":"mention","attrs":{"id":"c537cc84-68d6-44e9-8d61-0f715360fdbe","slug":"desses","label":"Oskar Mieta","mentionSuggestionChar":"@"}},{"type":"text","text":": A playable drum machine for Framer designed to feel like a physical hardware instrument inspired by the clean, tactile design style of Rams."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Madeline","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://re.chujiqiqi.com/community/contests/agents-hackathon/submissions/RhyYy6bsLCZGFNMxGwsmTw/","target":"_blank"}}]},{"type":"text","text":" by "},{"type":"mention","attrs":{"id":"d81ad627-baa4-4c39-8bb8-b3deda33b48e","slug":"over-sight","label":"Over Sight","mentionSuggestionChar":"@"}},{"type":"text","text":": A photography portfolio designed as a living visual archive, combining bold imagery, smooth motion, and subtle interactions for a more immersive experience."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Thank you everyone for participating "},{"type":"emoji","attrs":{"name":"blue_heart","emoji":"💙"}},{"type":"text","text":" We loved seeing all of your submissions."}]}]},"thumbnail":"https://image.mux.com/a7eJ6k8Ukfv3FQ8X6naGUL00nO33d7YOhHInwPuQNLYA/thumbnail.webp?time=34.95","targetDeleted":false,"owned":false,"actions":{"postId":"019ef9ce-241a-7284-a186-5b9d4714ca1f","like":{"count":67,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"10a990dc-ceac-4534-8a2f-6984f95d2357","name":"SOSOTAR","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1474013/avatar-PEmxiluFOoO3BtwSDw1idLDrpUeEqc.jpg","slug":"sosotar","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-08T13:57:28.720Z","latestAt":"2026-07-08T13:57:28.720Z"},{"id":"019f3dfa-3d14-77bc-95f0-802c4f636b0b","type":"template.created","target":{"type":"template","id":"69136","preview":"ChatFolio","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/10a990dc-ceac-4534-8a2f-6984f95d2357/01a039d3-fcb9-734b-b08f-673f9497c283.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"10a990dc-ceac-4534-8a2f-6984f95d2357","name":"SOSOTAR","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1474013/avatar-PEmxiluFOoO3BtwSDw1idLDrpUeEqc.jpg","slug":"sosotar","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-07-07T19:07:17.652Z","latestAt":"2026-07-07T19:07:17.652Z"},{"id":"019f2937-c592-7319-abd2-26929809dca1","type":"creator.followed","target":{"type":"creator","id":"87b97553-32a0-4ad9-ace7-c2b9e6ce5279","preview":"Rıza Selçuk Saydam","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/164573/eff814329d1a8f93df9f95cf1910bdd9-97kynTaD6I233Ccfa9AcRypCuYtNlj","slug":"rss","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"10a990dc-ceac-4534-8a2f-6984f95d2357","name":"SOSOTAR","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1474013/avatar-PEmxiluFOoO3BtwSDw1idLDrpUeEqc.jpg","slug":"sosotar","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-03T18:22:28.744Z","latestAt":"2026-07-03T18:22:28.744Z"},{"id":"019f1b54-4875-75dd-9d80-d2dd92810cab","type":"creator.followed","target":{"type":"creator","id":"a7cd9fe6-cf81-4a41-8e93-bca0291dba80","preview":"Framer","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/107446/xpZr8yYS_400x400-2-MqZMjb2zlessnXickTqkyAzkfqz6le.jpg","slug":"framer","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"10a990dc-ceac-4534-8a2f-6984f95d2357","name":"SOSOTAR","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1474013/avatar-PEmxiluFOoO3BtwSDw1idLDrpUeEqc.jpg","slug":"sosotar","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-01T01:38:56.163Z","latestAt":"2026-07-01T01:38:56.163Z"},{"id":"019f196a-600f-740e-af58-2b1f0dce1e7b","type":"creator.followed","target":{"type":"creator","id":"0a559738-35ec-47fd-b70d-0f909d865956","preview":"Cal","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1912615/U5WbCFg8I-IHqReudHIxUr98xBtivxA5BYrNk2wG","slug":"cal","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"10a990dc-ceac-4534-8a2f-6984f95d2357","name":"SOSOTAR","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1474013/avatar-PEmxiluFOoO3BtwSDw1idLDrpUeEqc.jpg","slug":"sosotar","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-30T16:43:49.628Z","latestAt":"2026-06-30T16:43:49.628Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:10a990dc-ceac-4534-8a2f-6984f95d2357:/unified/posts/?creator=10a990dc-ceac-4534-8a2f-6984f95d2357&with=reposts":[{"data":[{"id":"01a0c9b4-e165-743b-a507-6d8ccb8e20e9","title":null,"body":"

Our exploration of procedural material typography eventually became this component. It includes plaster, paper, stone, rubber, ceramic, and metal finishes, with both embossed and debossed effects, plus a transparent background option with an adjustable margin around the text. Can’t wait to see what you make with it.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Our exploration of procedural material typography eventually became this component. It includes plaster, paper, stone, rubber, ceramic, and metal finishes, with both embossed and debossed effects, plus a transparent background option with an adjustable margin around the text. Can’t wait to see what you make with it."}]}]},"author":{"framerUserId":"10a990dc-ceac-4534-8a2f-6984f95d2357","name":"SOSOTAR","slug":"sosotar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1474013/avatar-PEmxiluFOoO3BtwSDw1idLDrpUeEqc.jpg","badges":["available","studio"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"PyIgMUIdGQDtivphvskb","resolved":true,"title":"3D Material Text","body":"$53","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Create embossed and debossed 3D text with metal, ceramic, paper, stone, rubber, and plaster materials.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Turn any typeface into dimensional material text. Raise it from the surface for an embossed look, press it inward for a debossed effect, or remove the background and use the material effect directly over your page."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"⏹ ⏹ "},{"type":"text","text":"Great for","marks":[{"type":"bold"}]},{"type":"text","text":" ⏹ ⏹"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Hero headlines and oversized display type"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Logos, wordmarks, and expressive typography"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Product launches, portfolios, and campaign pages"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Embossed and debossed labels, badges, and graphic details"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Material-inspired editorial layouts and art-directed sections"}]}]}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"⏹ ⏹ "},{"type":"text","text":"Features","marks":[{"type":"bold"}]},{"type":"text","text":" ⏹ ⏹"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"8 material presets:","marks":[{"type":"bold"}]},{"type":"text","text":" Dry Plaster, Matte Paper, Rough Stone, Smooth Stone, Soft Rubber, Polished Plaster, Glazed Ceramic, and Metal."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Embossed or debossed:","marks":[{"type":"bold"}]},{"type":"text","text":" Use positive Depth for raised text or negative Depth for recessed text."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Background On / Off:","marks":[{"type":"bold"}]},{"type":"text","text":" Extend the material across the full component, or keep it just around the letters for a transparent cutout."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable material margin:","marks":[{"type":"bold"}]},{"type":"text","text":" Control how tightly the material island hugs the text when Background is Off."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Full typography control:","marks":[{"type":"bold"}]},{"type":"text","text":" Use Framer’s native font controls to customize typeface, weight, size, alignment, letter spacing, and line height."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Customize the look:","marks":[{"type":"bold"}]},{"type":"text","text":" Adjust Texture Color, Depth, edge softness, Light Angle, and Light Height."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Real-time material rendering:","marks":[{"type":"bold"}]},{"type":"text","text":" Lighting, depth, texture, and surface response update live as you design."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Made for real layouts:","marks":[{"type":"bold"}]},{"type":"text","text":" Text stays as live HTML while the material effect renders behind it, with support for webfonts, resizing, and multiple instances on the same page."}]}]}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Made with ♡ by SOSOTAR. If you have any questions, email ","marks":[{"type":"bold"}]},{"type":"text","text":"play@sosotar.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:play@sosotar.com","target":"_blank"}},{"type":"bold"}]}]}]},"introduction":"Ceramic, Plaster, Metal & More","slug":"3d-material-text","author":{"framerUserId":"10a990dc-ceac-4534-8a2f-6984f95d2357","name":"SOSOTAR","slug":"sosotar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1474013/avatar-PEmxiluFOoO3BtwSDw1idLDrpUeEqc.jpg","badges":["available","studio"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/10a990dc-ceac-4534-8a2f-6984f95d2357/01a0c9a8-1229-77eb-bb75-ceb40d7e3208.png","metadata":{"tint":{"h":30,"s":18,"l":17},"width":3200,"height":2400}}],"post":null,"createdAt":"2026-09-22T15:21:09.126Z","updatedAt":"2026-09-25T14:48:53.564Z","publishedAt":"2026-09-22T15:21:09.121Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://decisive-food-795616.framer.app/","price":"8","paymentUrl":"https://bysosotar.lemonsqueezy.com/checkout/buy/db66827d-ed38-4d4a-9069-6b3d4ecde7e4?discount=0","workshop":false,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"sKiJi8ZiyoPDj5SVpOk1","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-09-22T15:21:09.733Z","updatedAt":"2026-09-22T15:21:09.733Z"},{"id":"01a0349f-593a-7629-821a-fa93786a9fe2","title":null,"body":"

Neu Bento. Think airy skeuomorphism meets bento grid.

It’s here. We’re 5 weeks late on this one. The extra time went into refining the effects system, tuning microinteractions, and adding documentation throughout the remix file so you can see how everything works.

For the next 2 weeks, use EARLYBIRD30 for 30% off through Sept 7.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Neu Bento","marks":[{"type":"bold"}]},{"type":"text","text":". Think airy skeuomorphism meets bento grid."}]},{"type":"paragraph","content":[{"type":"text","text":"It’s here. We’re 5 weeks late on this one. The extra time went into refining the effects system, tuning microinteractions, and adding documentation throughout the remix file so you can see how everything works."}]},{"type":"paragraph","content":[{"type":"text","text":"For the next 2 weeks, use "},{"type":"text","text":"EARLYBIRD30","marks":[{"type":"italic"}]},{"type":"text","text":" for 30% off through Sept 7."}]}]},"author":{"framerUserId":"10a990dc-ceac-4534-8a2f-6984f95d2357","name":"SOSOTAR","slug":"sosotar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1474013/avatar-PEmxiluFOoO3BtwSDw1idLDrpUeEqc.jpg","badges":["available","studio"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"71809","resolved":true,"title":"Neu Bento","body":"$54","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Full template tour →","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://neu-bento.framer.website/","target":"_blank"}}]}],"attrs":{"level":2}},{"type":"paragraph"},{"type":"customHeading","content":[{"type":"emoji","attrs":{"name":"stop_button","emoji":"⏹"}},{"type":"emoji","attrs":{"name":"stop_button","emoji":"⏹"}},{"type":"text","text":" Overview ","marks":[{"type":"bold"}]},{"type":"emoji","attrs":{"name":"stop_button","emoji":"⏹"}},{"type":"emoji","attrs":{"name":"stop_button","emoji":"⏹"}}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Neu Bento is an exploration of airy neumorphism."}]},{"type":"paragraph","content":[{"type":"text","text":"Soft dimensional surfaces meet a spacious bento grid, with generous breathing room and subtle moments of delight woven into every interaction."}]},{"type":"paragraph"},{"type":"customHeading","content":[{"type":"emoji","attrs":{"name":"stop_button","emoji":"⏹"}},{"type":"emoji","attrs":{"name":"stop_button","emoji":"⏹"}},{"type":"text","text":" Key Features ","marks":[{"type":"bold"}]},{"type":"emoji","attrs":{"name":"stop_button","emoji":"⏹"}},{"type":"emoji","attrs":{"name":"stop_button","emoji":"⏹"}}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Airy Neumorphic Design Language","marks":[{"type":"bold"}]},{"type":"text","text":" "}]},{"type":"paragraph","content":[{"type":"text","text":"A consistent visual language of soft depth, open space, and tactile surfaces carried throughout the template."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Embossed & Debossed Effects","marks":[{"type":"bold"}]},{"type":"text","text":" "}]},{"type":"paragraph","content":[{"type":"text","text":"Intricately layered shadows create dimensional raised and recessed surfaces, with a dedicated effects guide included."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Tactile Micro-interactions","marks":[{"type":"bold"}]},{"type":"text","text":" "}]},{"type":"paragraph","content":[{"type":"text","text":"Thoughtful hover, press, motion, and cursor details make the experience feel responsive and physical."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive Bento Layouts","marks":[{"type":"bold"}]},{"type":"text","text":" "}]},{"type":"paragraph","content":[{"type":"text","text":"Adapted across desktop, tablet, and mobile breakpoints so the composition stays intentional at every size."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Flexible CMS Setup","marks":[{"type":"bold"}]},{"type":"text","text":" "}]},{"type":"paragraph","content":[{"type":"text","text":"Projects and testimonials are CMS-ready for easy updates, with the flexibility to use the template without CMS if preferred."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Documentation Throughout","marks":[{"type":"bold"}]},{"type":"text","text":" "}]},{"type":"paragraph","content":[{"type":"text","text":"Built-in guidance covers effects, color styles, text styles, components, and code overrides so you can understand how everything works. "}]}]}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"All sales of digital products are non-refundable. If you have any questions, please contact ","marks":[{"type":"italic"}]},{"type":"text","text":"play@sosotar.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:play@sosotar.com","target":"_blank"}},{"type":"italic"}]},{"type":"text","text":" before completing your purchase. We are happy to help.","marks":[{"type":"italic"}]}]}]},"introduction":"Airy neumorphism meets bento grid","slug":"neu-bento","author":{"framerUserId":"10a990dc-ceac-4534-8a2f-6984f95d2357","name":"SOSOTAR","slug":"sosotar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1474013/avatar-PEmxiluFOoO3BtwSDw1idLDrpUeEqc.jpg","badges":["available","studio"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/10a990dc-ceac-4534-8a2f-6984f95d2357/01a045fd-1c8f-747f-9326-1d95e0167bb3.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":3200,"height":2400}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/10a990dc-ceac-4534-8a2f-6984f95d2357/01a0348d-622b-735a-8bd6-8844e3497d9c.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":3200,"height":2400}},{"type":"video","url":"https://stream.mux.com/zejcGhEuIJYdO2M6QsYuEi83Dy7wM6BzEFy02Gv2fIL8.m3u8","metadata":{"posterUrl":"https://image.mux.com/zejcGhEuIJYdO2M6QsYuEi83Dy7wM6BzEFy02Gv2fIL8/thumbnail.webp?time=41.217","aspectRatio":"4:3","duration":47.964556}}],"post":null,"createdAt":"2026-08-24T16:34:12.742Z","updatedAt":"2026-09-07T12:23:42.173Z","publishedAt":"2026-08-24T16:34:12.737Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":"129","paymentUrl":"https://bysosotar.lemonsqueezy.com/checkout/buy/6c22ea5e-b353-4acc-afea-40074148e694","remixUrl":null,"previewUrl":"https://neu-bento.framer.website/","categories":[{"id":19,"name":"Portfolio","slug":"portfolio"},{"id":188,"name":"Art & Design","slug":"art-and-design"},{"id":221,"name":"Graphic Design","slug":"graphic-design"}],"styles":[{"id":109,"name":"Modern","slug":"modern"},{"id":110,"name":"Animated","slug":"animated"},{"id":6,"name":"3D","slug":"3d"},{"id":222,"name":"Grid","slug":"grid"},{"id":251,"name":"Retro","slug":"retro"}],"mainCategory":{"id":268,"name":"Designers","slug":"designers"},"features":[{"id":1,"name":"Appear Effects","slug":"appear-effects"},{"id":9,"name":"Overlays & Modals","slug":"overlays-modals"},{"id":13,"name":"Slideshows/Tickers","slug":"slideshows-tickers"},{"id":17,"name":"Sticky Scrolling","slug":"sticky-scrolling"},{"id":18,"name":"Scroll Effects","slug":"scroll-effects"},{"id":21,"name":"CMS","slug":"cms"},{"id":25,"name":"Custom Cursors","slug":"custom-cursors"},{"id":35,"name":"Text Effects","slug":"text-effects"},{"id":36,"name":"3D Transforms","slug":"3d-transforms"},{"id":37,"name":"Code Components","slug":"code-components"}],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":6,"edited":true,"editedAt":"2026-08-25T01:05:09.260Z","createdAt":"2026-08-24T16:34:13.437Z","updatedAt":"2026-08-25T01:05:09.260Z"},{"id":"019f3dfa-3cc4-77d9-a2b7-a063e7c9a510","title":null,"body":"

What if your portfolio could walk visitors through your work, like chatting with an AI agent?

ChatFolio turns this familiar interaction into a flexible portfolio template, so you can tell your story one message at a time.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"What if your portfolio could walk visitors through your work, like chatting with an AI agent?"}]},{"type":"paragraph","content":[{"type":"text","text":"ChatFolio turns this familiar interaction into a flexible portfolio template, so you can tell your story one message at a time."}]}]},"author":{"framerUserId":"10a990dc-ceac-4534-8a2f-6984f95d2357","name":"SOSOTAR","slug":"sosotar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1474013/avatar-PEmxiluFOoO3BtwSDw1idLDrpUeEqc.jpg","badges":["available","studio"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"69136","resolved":true,"title":"ChatFolio","body":"$55","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Full template tour →","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://chatfolio-template.framer.website/","target":"_blank"}},{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph"},{"type":"customHeading","content":[{"type":"emoji","attrs":{"name":"stop_button","emoji":"⏹"}},{"type":"emoji","attrs":{"name":"stop_button","emoji":"⏹"}},{"type":"text","text":" "},{"type":"text","text":"ChatFolio","marks":[{"type":"bold"}]},{"type":"text","text":" "},{"type":"emoji","attrs":{"name":"stop_button","emoji":"⏹"}},{"type":"emoji","attrs":{"name":"stop_button","emoji":"⏹"}},{"type":"text","text":" "}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Most portfolios are built around a grid. ChatFolio is built around a conversation. Inspired by the first generation of AI chat interfacesIt, ChatFolio is the first-of-its-kind Framer portfolio template that turns your work, story, and case studies into a simulated AI chat experience."}]},{"type":"paragraph"},{"type":"customHeading","content":[{"type":"emoji","attrs":{"name":"stop_button","emoji":"⏹"}},{"type":"emoji","attrs":{"name":"stop_button","emoji":"⏹"}},{"type":"text","text":" "},{"type":"text","text":"Key Features ","marks":[{"type":"bold"}]},{"type":"emoji","attrs":{"name":"stop_button","emoji":"⏹"}},{"type":"emoji","attrs":{"name":"stop_button","emoji":"⏹"}},{"type":"text","text":" "}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Guides visitors through your story one step at a time. Your “agent” introduces your work, background, skills, and links inside a chat thread. "}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Freely jump between sections, revisit previous messages, and dive deeper into any case study. "}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"The AI chat-style micro interactions have been carefully tuned through a modular system of code overrides and design architecture."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"You can customize the visual design freely in Framer without breaking the interaction logic underneath."}]}]}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"All sales of digital products are final and non-refundable. If you have any questions about a product, please contact us at "},{"type":"text","text":"play@sosotar.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:play@sosotar.com","target":"_blank"}}]},{"type":"text","text":" before completing your purchase. We are happy to help. "}]}]},"introduction":"AI Chat Simulation Portfolio","slug":"chatfolio","author":{"framerUserId":"10a990dc-ceac-4534-8a2f-6984f95d2357","name":"SOSOTAR","slug":"sosotar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1474013/avatar-PEmxiluFOoO3BtwSDw1idLDrpUeEqc.jpg","badges":["available","studio"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/10a990dc-ceac-4534-8a2f-6984f95d2357/01a039d3-fcb9-734b-b08f-673f9497c283.png","metadata":{"tint":{"h":0,"s":89,"l":14},"width":3200,"height":2400}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/10a990dc-ceac-4534-8a2f-6984f95d2357/01a039d3-fca7-77ae-96ff-5904cc859c8c.png","metadata":{"tint":{"h":0,"s":89,"l":14},"width":3200,"height":2400}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/10a990dc-ceac-4534-8a2f-6984f95d2357/01a039d3-fd5b-7598-9c93-7b5e77a957dd.png","metadata":{"tint":{"h":0,"s":89,"l":14},"width":3200,"height":2400}},{"type":"video","url":"https://stream.mux.com/Pa6z00RBXhoad200Xx00HwEybHstsugUIrPWangsQyTj2s.m3u8","metadata":{"posterUrl":"https://image.mux.com/Pa6z00RBXhoad200Xx00HwEybHstsugUIrPWangsQyTj2s/thumbnail.webp?time=1.6","aspectRatio":"4:3","duration":16.347889}}],"post":null,"createdAt":"2026-07-07T19:07:17.469Z","updatedAt":"2026-08-25T16:49:59.598Z","publishedAt":"2026-07-07T19:07:17.464Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":"89","paymentUrl":"https://bysosotar.lemonsqueezy.com/checkout/buy/786953e7-951a-4d89-a779-cc54592b0743?discount=0","remixUrl":null,"previewUrl":"https://chatfolio-template.framer.website/","categories":[{"id":19,"name":"Portfolio","slug":"portfolio"},{"id":188,"name":"Art & Design","slug":"art-and-design"},{"id":112,"name":"Technology","slug":"technology"}],"styles":[{"id":109,"name":"Modern","slug":"modern"},{"id":110,"name":"Animated","slug":"animated"},{"id":111,"name":"Minimal","slug":"minimal"},{"id":251,"name":"Retro","slug":"retro"}],"mainCategory":{"id":268,"name":"Designers","slug":"designers"},"features":[{"id":1,"name":"Appear Effects","slug":"appear-effects"},{"id":17,"name":"Sticky Scrolling","slug":"sticky-scrolling"},{"id":18,"name":"Scroll Effects","slug":"scroll-effects"},{"id":25,"name":"Custom Cursors","slug":"custom-cursors"},{"id":32,"name":"Layout Templates","slug":"layout-templates"},{"id":35,"name":"Text Effects","slug":"text-effects"},{"id":37,"name":"Code Components","slug":"code-components"}],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":8,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":5,"edited":true,"editedAt":"2026-07-14T17:35:52.819Z","createdAt":"2026-07-07T19:07:17.572Z","updatedAt":"2026-07-14T17:35:52.819Z"},{"id":"019e9904-4cb7-71a3-8000-4c099259eef6","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"10a990dc-ceac-4534-8a2f-6984f95d2357","name":"SOSOTAR","slug":"sosotar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1474013/avatar-PEmxiluFOoO3BtwSDw1idLDrpUeEqc.jpg","badges":["available","studio"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"4DMOo16tvwIhL02zcVPi","resolved":true,"title":"Text Pile Scatter","body":"$56","bodyJson":null,"introduction":"Text that drops, piles, and rebuilds.","slug":"text-pile-scatter","author":{"framerUserId":"10a990dc-ceac-4534-8a2f-6984f95d2357","name":"SOSOTAR","slug":"sosotar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1474013/avatar-PEmxiluFOoO3BtwSDw1idLDrpUeEqc.jpg","badges":["available","studio"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/4DMOo16tvwIhL02zcVPi/text-pile-scatter-PBwjExXBWddxB5xgFOYOtcaBAZLvH4","metadata":{"tint":{"h":311,"s":93,"l":31},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-05-27T22:41:07.336Z","updatedAt":"2026-06-08T02:31:40.815Z","publishedAt":"2026-06-05T18:20:56.375Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://authentic-jargon-092685.framer.app/","price":"10","paymentUrl":"https://bysosotar.lemonsqueezy.com/checkout/buy/023c1120-9bee-4f6f-b785-85b57f12116a","workshop":false,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"5GZt60QfscOljQA4V5Ik","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":15,"liked":false},"comments":{"count":3},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-05T18:20:56.375Z","updatedAt":"2026-06-05T18:20:56.375Z"},{"id":"019e794d-9a1a-719d-a238-28495cefceb1","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"10a990dc-ceac-4534-8a2f-6984f95d2357","name":"SOSOTAR","slug":"sosotar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1474013/avatar-PEmxiluFOoO3BtwSDw1idLDrpUeEqc.jpg","badges":["available","studio"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"LYweWnJYuMNJ8oUpxeDz","resolved":true,"title":"Ripple Slice Text","body":"$57","bodyJson":null,"introduction":"Interactive fractured text","slug":"ripple-slice-text","author":{"framerUserId":"10a990dc-ceac-4534-8a2f-6984f95d2357","name":"SOSOTAR","slug":"sosotar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1474013/avatar-PEmxiluFOoO3BtwSDw1idLDrpUeEqc.jpg","badges":["available","studio"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/LYweWnJYuMNJ8oUpxeDz/ripple-slice-text-80la0aCkZxLE9F3J25MLBdvqYSQer2","metadata":{"tint":{"h":0,"s":17,"l":19},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-05-22T17:13:50.602Z","updatedAt":"2026-09-11T14:58:24.357Z","publishedAt":"2026-05-30T14:33:09.402Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://sensitive-moment-211402.framer.app/","price":"5","paymentUrl":"https://bysosotar.lemonsqueezy.com/checkout/buy/905b4ca4-7d0d-4413-ad9c-ab476d6d1547","workshop":false,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"bRS5oDkixruRblk8r7nn","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-05-30T14:33:09.402Z","updatedAt":"2026-05-30T14:33:09.402Z"},{"id":"019e794d-89e9-772b-a6d5-48cd2af9c66d","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"10a990dc-ceac-4534-8a2f-6984f95d2357","name":"SOSOTAR","slug":"sosotar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1474013/avatar-PEmxiluFOoO3BtwSDw1idLDrpUeEqc.jpg","badges":["available","studio"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"V4VucblJ3QuGd0NlMjhk","resolved":true,"title":"Cursor Image Grid ","body":"

Image Grid Hover transforms a standard image into an interactive tiled canvas effect. The original image stays visible underneath, while a canvas layer draws a grid of magnified image cells around the visitor’s cursor.

You can customize the image, object fit, grid cell size, tile radius, effect opacity, reactivity, and trail length directly from Framer’s property panel. Use smaller cells for a more detailed mosaic look, larger cells for a bold blocky hover, and rounded cells for a softer card-like texture.Why does this component require code?Because the effect is generated in real time with canvas drawing, pointer tracking, image sampling, smoothing, and animation-frame updates, it requires code rather than native Framer interactions alone.

Made with ♡ by SOSOTAR. If you have any question, email play@sosotar.com

","bodyJson":null,"introduction":"Cursor image grid hover effect","slug":"cursor-image-grid","author":{"framerUserId":"10a990dc-ceac-4534-8a2f-6984f95d2357","name":"SOSOTAR","slug":"sosotar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1474013/avatar-PEmxiluFOoO3BtwSDw1idLDrpUeEqc.jpg","badges":["available","studio"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/V4VucblJ3QuGd0NlMjhk/cursor-image-grid-Rn9sxHDRFrqsycpZF64W7rGipnZG4z","metadata":{"tint":{"h":240,"s":89,"l":14},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-05-20T17:58:16.899Z","updatedAt":"2026-09-11T15:00:01.482Z","publishedAt":"2026-05-30T14:33:05.257Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://tricky-squash-020422.framer.app/","price":"8","paymentUrl":"https://bysosotar.lemonsqueezy.com/checkout/buy/ef420e9c-580b-4870-aff0-c3662e53518e","workshop":false,"categories":[{"id":"c0182b81-fefe-45f5-ba00-27459f05e2a7","name":"Cursors","slug":"cursors"}],"lastSaveId":"6PxqlO17c9Yn7JHwiLXT","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-05-30T14:33:05.257Z","updatedAt":"2026-05-30T14:33:05.257Z"},{"id":"019e2d1b-d2da-7436-b4fa-548067de8ff6","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"10a990dc-ceac-4534-8a2f-6984f95d2357","name":"SOSOTAR","slug":"sosotar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1474013/avatar-PEmxiluFOoO3BtwSDw1idLDrpUeEqc.jpg","badges":["available","studio"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"1ErDNVUV0jWb71gRdMYp","resolved":true,"title":"Image Slice Hover","body":"

Image Slice Hover creates a responsive hover effect where sweeping your cursor across an image activates full-height vertical slits. Nearby strips stretch and fade with the motion, creating a smooth scan-like reveal that feels lightweight and interactive. The effect is drawn in real time on canvas and reacts continuously to cursor movement.

⏹⏹ FEATURES ⏹⏹

You can customize:

The image
Image fit mode
Slit width
Overlay opacity
Motion trail duration
Optional dot markers
Dot color, size, and corner radius.

Made with ♡ by SOSOTAR. If you have any question, email play@sosotar.com

","bodyJson":null,"introduction":"Hover across the slice image","slug":"image-slit-hover","author":{"framerUserId":"10a990dc-ceac-4534-8a2f-6984f95d2357","name":"SOSOTAR","slug":"sosotar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1474013/avatar-PEmxiluFOoO3BtwSDw1idLDrpUeEqc.jpg","badges":["available","studio"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/1ErDNVUV0jWb71gRdMYp/image-slit-hover-bmMxc8VMX7K38dJ88JyxLuYINOFEaA","metadata":{"tint":{"h":120,"s":25,"l":19},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-05-06T18:30:39.873Z","updatedAt":"2026-09-11T15:00:54.317Z","publishedAt":"2026-05-15T19:27:38.714Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://straightforward-support-851357.framer.app/","price":"8","paymentUrl":"https://bysosotar.lemonsqueezy.com/checkout/buy/c3fdb14d-d11c-48cf-9f6e-7e990b86dce0","workshop":false,"categories":[{"id":"323e97d6-f443-488c-8661-794a9a83a20f","name":"Effects","slug":"effects"}],"lastSaveId":"kmNCErjlsHHlswaKUiNi","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-05-15T19:27:38.714Z","updatedAt":"2026-05-15T19:27:38.714Z"},{"id":"019dd08c-12aa-71b6-81ca-82060fcea8d5","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"10a990dc-ceac-4534-8a2f-6984f95d2357","name":"SOSOTAR","slug":"sosotar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1474013/avatar-PEmxiluFOoO3BtwSDw1idLDrpUeEqc.jpg","badges":["available","studio"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"bo6eVwwWvYjonUgBt6fm","resolved":true,"title":"Loading Wave Text","body":"

⏹ ⏹ Features ⏹ ⏹

Auto or Hover mode: Loop continuously on load, or trigger the wave only on hover and focus
Lift: Control how high each letter rises (0 to 40px)
Stagger: Set the delay between each letter for tight ripples or slow cascades
Cycle Delay: Add a pause between wave repetitions so it breathes instead of spins
Full font control: Family, size, weight, style, tracking, and transform via Framer's native Font picker
Color: Any color token or hex value
Optional link: Wrap the whole label in a URL, with new tab support

Made with ♡ by SOSOTAR. If you have any question, email play@sosotar.com

","bodyJson":null,"introduction":"Animated text wave. Hover or autoplay.","slug":"staggered-wave-text","author":{"framerUserId":"10a990dc-ceac-4534-8a2f-6984f95d2357","name":"SOSOTAR","slug":"sosotar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1474013/avatar-PEmxiluFOoO3BtwSDw1idLDrpUeEqc.jpg","badges":["available","studio"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/bo6eVwwWvYjonUgBt6fm/staggered-wave-text-2RocjrpotJWfsCJ33Kz6TNZqPMohw9","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-04-16T15:23:35.375Z","updatedAt":"2026-05-27T19:16:29.967Z","publishedAt":"2026-04-27T20:05:33.994Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://little-place-250901.framer.app/","price":"5","paymentUrl":"https://bysosotar.lemonsqueezy.com/checkout/buy/6fff82ee-aac6-425f-9429-aebee81fb4b5?discount=0","workshop":false,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"id1lRPrK2EjdunPenubX","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-04-27T20:05:33.994Z","updatedAt":"2026-04-27T20:05:33.994Z"},{"id":"019d77cb-c87a-71fc-80ea-1f98c257ab81","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"10a990dc-ceac-4534-8a2f-6984f95d2357","name":"SOSOTAR","slug":"sosotar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1474013/avatar-PEmxiluFOoO3BtwSDw1idLDrpUeEqc.jpg","badges":["available","studio"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"zLI7XCc4q1JGy9kpaqil","resolved":true,"title":"Smart Rotating Cube","body":"

⏹ ⏹ Features ⏹ ⏹

Choose an image or color fill to each face
Each downward scroll triggers a fresh random scramble, and once scrolling stops, the cube begins solving itself.
Drag to inspect every side with smooth, inertia-based movement that makes the interaction feel natural and tactile.
Customize the look and behavior to fit your project, including turn speed, scramble trigger distance, solve delay, size, borders, corner radius, and more.
Built with reduced-motion support, so you can offer a calmer version of the interaction when needed.

Made with ♡ by SOSOTAR. If you have any question, email play@sosotar.com

","bodyJson":null,"introduction":"Self-solving 3D Rubik's cube","slug":"smart-rotating-cube","author":{"framerUserId":"10a990dc-ceac-4534-8a2f-6984f95d2357","name":"SOSOTAR","slug":"sosotar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1474013/avatar-PEmxiluFOoO3BtwSDw1idLDrpUeEqc.jpg","badges":["available","studio"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/zLI7XCc4q1JGy9kpaqil/smart-rotating-cube-2y5sbBqXCWKFPJImOA3A5NGANRPx7a","metadata":{"tint":{"h":49,"s":93,"l":31},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-03-31T22:08:17.844Z","updatedAt":"2026-09-25T14:27:43.261Z","publishedAt":"2026-04-10T14:28:57.082Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://orange-tool-982189.framer.app/","price":"10","paymentUrl":"https://bysosotar.lemonsqueezy.com/checkout/buy/aacc7b0e-aa15-492d-90b4-da8e674fa1d9","workshop":false,"categories":[{"id":"66bb31f7-cddf-4a3e-8604-95b3467aecc2","name":"Galleries","slug":"galleries"}],"lastSaveId":"Ed35MZz23tDjNyv3r1a0","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-10T14:28:57.082Z","updatedAt":"2026-04-10T14:28:57.082Z"},{"id":"019d068b-9b1c-7a41-a252-30c2774fb1b0","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"10a990dc-ceac-4534-8a2f-6984f95d2357","name":"SOSOTAR","slug":"sosotar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1474013/avatar-PEmxiluFOoO3BtwSDw1idLDrpUeEqc.jpg","badges":["available","studio"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"rlTcyG9NeHzyKSqmBygN","resolved":true,"title":"Curved Divider Pro","body":"$58","bodyJson":null,"introduction":"Customize from 7 curve style presets","slug":"curved-section-pro","author":{"framerUserId":"10a990dc-ceac-4534-8a2f-6984f95d2357","name":"SOSOTAR","slug":"sosotar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1474013/avatar-PEmxiluFOoO3BtwSDw1idLDrpUeEqc.jpg","badges":["available","studio"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/rlTcyG9NeHzyKSqmBygN/curved-section-pro-B8PeAxMNSyyvTXwDbeYaVEsxXX3wpD","metadata":{"tint":{"h":60,"s":94,"l":27},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-03-09T16:52:31.187Z","updatedAt":"2026-05-08T13:33:18.119Z","publishedAt":"2026-03-19T14:41:45.756Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://internal-toggle-917930.framer.app/","price":"10","paymentUrl":"https://bysosotar.lemonsqueezy.com/checkout/buy/aabde3d0-cbe2-41dc-ba18-4ba6604d2705","workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"2uh4PCcnKTpc6h3OVxWS","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":6,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-03-19T14:41:45.756Z","updatedAt":"2026-03-19T14:41:45.756Z"},{"id":"019cbe71-1148-7c42-98cd-a9fb9c24104f","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"10a990dc-ceac-4534-8a2f-6984f95d2357","name":"SOSOTAR","slug":"sosotar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1474013/avatar-PEmxiluFOoO3BtwSDw1idLDrpUeEqc.jpg","badges":["available","studio"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"6T2m9xkaPlVD9vgMeNUP","resolved":true,"title":"Carousel with Slider","body":"

⏹ ⏹ Features ⏹ ⏹

Option to toggle on/off hover to pause.
Option to toggle on/off automatic smooth scrolling.
Customize styling on the drag handle, slider segments, carousel spacing, gaps between, motion speed, and more.
Full control over each carousel item sizing and alignment in the carousel.
Can scroll naturally or scrub/drag precisely using the handle.
Segmented track automatically match to your actual number of items in carousel.
Auto scrolling uses a refined ping-pong reversal motion at the ends.
Segments are clickable, allowing users to jump smoothly to any item.

Made with ♡ by SOSOTAR. If you have any question, email play@sosotar.com

","bodyJson":null,"introduction":"Keep sliding bar always-on","slug":"carousel-with-slider","author":{"framerUserId":"10a990dc-ceac-4534-8a2f-6984f95d2357","name":"SOSOTAR","slug":"sosotar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1474013/avatar-PEmxiluFOoO3BtwSDw1idLDrpUeEqc.jpg","badges":["available","studio"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/6T2m9xkaPlVD9vgMeNUP/carousel-with-slider-YV8NZrLle5klFnBjAaaTY41JE8VYmX","metadata":{"tint":{"h":30,"s":70,"l":49},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-02-11T03:09:05.069Z","updatedAt":"2026-09-11T15:05:12.868Z","publishedAt":"2026-03-05T14:40:06.984Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://invisible-research-229652.framer.app/","price":"5","paymentUrl":"https://bysosotar.lemonsqueezy.com/checkout/buy/dc729be4-a6a0-4378-8711-10ac740684a5","workshop":false,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"O7yQW2lMQbJoX29xfQCk","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-03-05T14:40:06.984Z","updatedAt":"2026-03-05T14:40:06.984Z"},{"id":"019caf0a-ab76-7a1f-a7d5-b7b9da0ad4ac","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"10a990dc-ceac-4534-8a2f-6984f95d2357","name":"SOSOTAR","slug":"sosotar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1474013/avatar-PEmxiluFOoO3BtwSDw1idLDrpUeEqc.jpg","badges":["available","studio"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"XCJbRkiSFIGRpvkAcPPW","resolved":true,"title":"Animated Text Popout","body":"$59","bodyJson":null,"introduction":"3D pop-out text, can be animated","slug":"masked-popout-text","author":{"framerUserId":"10a990dc-ceac-4534-8a2f-6984f95d2357","name":"SOSOTAR","slug":"sosotar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1474013/avatar-PEmxiluFOoO3BtwSDw1idLDrpUeEqc.jpg","badges":["available","studio"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/XCJbRkiSFIGRpvkAcPPW/masked-popout-text-ozBUelYteZlUHapQkQfggCwjVmiaCM","metadata":{"tint":{"h":217,"s":93,"l":22},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-02-24T18:48:46.385Z","updatedAt":"2026-09-11T15:06:39.454Z","publishedAt":"2026-03-02T14:53:58.006Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://expanded-wonders-272779.framer.app/","price":"5","paymentUrl":"https://bysosotar.lemonsqueezy.com/checkout/buy/efb35f9b-1da0-41f7-bc35-8b600b6fd2d4","workshop":false,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"KqO7JFOjDJ9LaGcP0ZTm","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-03-02T14:53:58.006Z","updatedAt":"2026-03-02T14:53:58.006Z"},{"id":"019c9b88-42c0-7ec3-b05f-7e59884be837","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"10a990dc-ceac-4534-8a2f-6984f95d2357","name":"SOSOTAR","slug":"sosotar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1474013/avatar-PEmxiluFOoO3BtwSDw1idLDrpUeEqc.jpg","badges":["available","studio"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"3qMei5E53olNJDw8ubd4","resolved":true,"title":"Curved Text Pro","body":"

⏹ ⏹ Features ⏹ ⏹

7 customizable curve presets: Half Circle, Circle, Oval, Square, Triangle, Wave, and Spiral

Editable content with full text styling controls (font family, weight, size, color)

Fine-tune controls for CurveSize, LetterSpacing, Offset, Rotate, and style-specific shape options

Wave customization with adjustable height, trend, and frequency

Spiral direction control for clockwise/counter-clockwise looks

Canvas-only guide line toggle (with customizable guide color) for easier visual alignment while designing
Content-aware fitting behavior to keep text placement stable as you adjust settings

Made with ♡ by SOSOTAR. If you have any question, email play@sosotar.com

","bodyJson":null,"introduction":"Bend any text ","slug":"bend-text-pro","author":{"framerUserId":"10a990dc-ceac-4534-8a2f-6984f95d2357","name":"SOSOTAR","slug":"sosotar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1474013/avatar-PEmxiluFOoO3BtwSDw1idLDrpUeEqc.jpg","badges":["available","studio"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/3qMei5E53olNJDw8ubd4/bend-text-pro-zKOb4oAmQRvtEa5YSwhD7Z7UMWCfuW","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-02-19T19:48:26.194Z","updatedAt":"2026-05-08T13:32:32.755Z","publishedAt":"2026-02-26T19:58:44.416Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://cheerful-performance-456877.framer.app/","price":"10","paymentUrl":"https://bysosotar.lemonsqueezy.com/checkout/buy/6b383dda-4e6c-498e-b184-072f6aeb2fea","workshop":false,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"XOWT7O389r9WoviiL65z","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":6,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-02-26T19:58:44.416Z","updatedAt":"2026-02-26T19:58:44.416Z"},{"id":"019c686b-25b9-78be-976d-5b044ec12198","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"10a990dc-ceac-4534-8a2f-6984f95d2357","name":"SOSOTAR","slug":"sosotar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1474013/avatar-PEmxiluFOoO3BtwSDw1idLDrpUeEqc.jpg","badges":["available","studio"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"7Me1TbrAhZHttBtlJlQm","resolved":true,"title":"Fluid Mesh Gradient ","body":"$5a","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Move your cursor around the gradient to see it come alive. ","marks":[{"type":"italic"}]}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"⏹ ⏹ Great for ⏹ ⏹"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Interactive hero backdrop","marks":[{"type":"bold"}]},{"type":"text","text":" behind headlines/CTAs"}]}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Ambient page background","marks":[{"type":"bold"}]},{"type":"text","text":" for marketing sites and portfolios"}]}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"High-touch “moment”","marks":[{"type":"bold"}]},{"type":"text","text":" for product launches, events, or brand storytelling sections"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Section transitions (paired with gradients/overlays) for depth and motion without video"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"⏹ ⏹ Features ⏹ ⏹"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Hero & background ready","marks":[{"type":"bold"}]},{"type":"text","text":": Designed to sit behind content and elevate landing pages, product heroes, and section dividers with dynamic ambience."}]}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Cursor-reactive motion","marks":[{"type":"bold"}]},{"type":"text","text":": Smooth, “liquid” response that feels premium."}]}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Autonomous drift + morph","marks":[{"type":"bold"}]},{"type":"text","text":": Movement continues naturally with no cursor input, keeping the page feeling alive."}]}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"High-quality WebGL shader","marks":[{"type":"bold"}]},{"type":"text","text":": Single pass, procedural rendering, no image assets and no heavy DOM layers."}]}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Performance-minded","marks":[{"type":"bold"}]},{"type":"text","text":": GPU-driven animation with adaptive rendering behavior to maintain smooth playback and avoid visible jitter."}]}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Easy art direction","marks":[{"type":"bold"}]},{"type":"text","text":": Preset palettes plus custom colors (void + band stops) for quick brand matching."}]}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Control over feel","marks":[{"type":"bold"}]},{"type":"text","text":": Tune scale, distortion, grain, bloom, and lag to go from subtle luxury to bold kinetic energy."}]}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Robust in real pages","marks":[{"type":"bold"}]},{"type":"text","text":": Handles resize/visibility changes and maintains stable output in preview and runtime environments."}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Made with ♡ by SOSOTAR. If you have any question, email "},{"type":"text","text":"play@sosotar.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:play@sosotar.com","class":null,"target":"_blank"}}]}]}]},"introduction":"Morphs with cursor move","slug":"cursor-mesh-gradient","author":{"framerUserId":"10a990dc-ceac-4534-8a2f-6984f95d2357","name":"SOSOTAR","slug":"sosotar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1474013/avatar-PEmxiluFOoO3BtwSDw1idLDrpUeEqc.jpg","badges":["available","studio"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/10a990dc-ceac-4534-8a2f-6984f95d2357/019f622e-e3f0-7220-967d-331f9cc5bd30.png","metadata":{"tint":{"h":108,"s":36,"l":28},"width":3200,"height":2400}}],"post":null,"createdAt":"2026-02-03T03:46:48.197Z","updatedAt":"2026-08-12T12:05:12.467Z","publishedAt":"2026-02-16T21:46:18.425Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://tedious-illuminate-877120.framer.app/","price":"20","paymentUrl":"https://bysosotar.lemonsqueezy.com/checkout/buy/ed5887a5-9dd0-4531-8aba-6c1501147a61","workshop":false,"categories":[{"id":"1a3a0eb3-698e-461a-bf42-2502a7ed43e0","name":"Backgrounds","slug":"backgrounds"}],"lastSaveId":"L8Y5d4nsDHBShB1Nh3Zc","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":27,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-02-16T21:46:18.425Z","updatedAt":"2026-02-16T21:46:18.425Z"},{"id":"019c23ef-8d2b-726d-ab64-6203c7af223a","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"10a990dc-ceac-4534-8a2f-6984f95d2357","name":"SOSOTAR","slug":"sosotar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1474013/avatar-PEmxiluFOoO3BtwSDw1idLDrpUeEqc.jpg","badges":["available","studio"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"PNCAYhcnqgqA00sZBkxU","resolved":true,"title":"Fluid Gradient Text","body":"

⏹ ⏹ Features ⏹ ⏹

• Quickly highlight any word or phrase and turn them into gradient text

• Cursor-reactive gradient that responds across the entire component area

• One shared gradient field for perfectly synchronized highlights

• Smooth, inertial motion that feels premium, not twitchy

• Resize the component to control the interactive region

• Preset or fully custom gradient palettes

• Adjustable gradient direction, scale, and leave behavior

• Safe markup handling that never breaks rendering

✅ Source code included with purchase.

Made with ♡ by SOSOTAR. If you have any question, email play@sosotar.com

","bodyJson":null,"introduction":"Cursor interactive & fully customizable ","slug":"moving-text-gradient","author":{"framerUserId":"10a990dc-ceac-4534-8a2f-6984f95d2357","name":"SOSOTAR","slug":"sosotar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1474013/avatar-PEmxiluFOoO3BtwSDw1idLDrpUeEqc.jpg","badges":["available","studio"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/PNCAYhcnqgqA00sZBkxU/moving-text-gradient-VmnIavRfV92f9zWKAtYBzHZbX6FBC2","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-01-23T23:14:08.318Z","updatedAt":"2026-04-19T22:23:16.706Z","publishedAt":"2026-02-03T14:37:07.755Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://past-rectangle-695032.framer.app/","price":"10","paymentUrl":"https://bysosotar.lemonsqueezy.com/checkout/buy/ae7e58d0-ec33-4fe2-9a47-4e7fb95c64f3?discount=0","workshop":false,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"KZBC0OLLoMVBwarKqzMG","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":"2026-02-03T14:37:07.755Z","updatedAt":"2026-02-03T14:37:07.755Z"},{"id":"019be22d-b316-7d93-921c-42061fafe59b","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"10a990dc-ceac-4534-8a2f-6984f95d2357","name":"SOSOTAR","slug":"sosotar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1474013/avatar-PEmxiluFOoO3BtwSDw1idLDrpUeEqc.jpg","badges":["available","studio"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"NNUro8LDQVe9cCt1FG91","resolved":true,"title":"Logo Carousel Pro ","body":"$5b","bodyJson":null,"introduction":"Speed bursts, reversal on scroll, & more","slug":"logo-carousel-pro","author":{"framerUserId":"10a990dc-ceac-4534-8a2f-6984f95d2357","name":"SOSOTAR","slug":"sosotar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1474013/avatar-PEmxiluFOoO3BtwSDw1idLDrpUeEqc.jpg","badges":["available","studio"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/NNUro8LDQVe9cCt1FG91/scroll-reverse-logos-wDzTtHDxL9KP661RYfGBnPKY83o9lO","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-12-19T22:56:00.350Z","updatedAt":"2026-05-08T13:33:56.463Z","publishedAt":"2026-01-21T20:10:04.438Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://purple-champagne-392567.framer.app/","price":"8","paymentUrl":"https://bysosotar.lemonsqueezy.com/checkout/buy/a87382a3-dcbe-47b0-aa22-9c6ce0fdea9d","workshop":false,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"QpsAGFXqGkqTpWsajkxJ","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":46,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-01-21T20:10:04.438Z","updatedAt":"2026-01-21T20:10:04.438Z"},{"id":"019bb298-3732-70a0-b3c7-8352e022200d","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"10a990dc-ceac-4534-8a2f-6984f95d2357","name":"SOSOTAR","slug":"sosotar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1474013/avatar-PEmxiluFOoO3BtwSDw1idLDrpUeEqc.jpg","badges":["available","studio"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"erd5sCl4mGOsgCnML20d","resolved":true,"title":"Dashed Divider Pro ","body":"

Dashed Divider Pro

⏹ ⏹ Features ⏹ ⏹

• True responsive dashed dividers that never stretch out of shape

• Fixed-size dash units that preserve shape and spacing at any width

• 5 classic dash styles (square, dot, line, triangle, star)

• Horizontal & vertical orientations from a single component

• Precise controls for dash size, gap, and divider padding

• Instant color customization via the properties panel

• Pixel-locked rendering that stays consistent across breakpoints

• Drop-in component with no setup or layout hacks required

Made with ♡ by SOSOTAR. If you have any question, email play@sosotar.com

","bodyJson":null,"introduction":"Truly Responsive & Shape Maintained","slug":"dashed-divider-pro","author":{"framerUserId":"10a990dc-ceac-4534-8a2f-6984f95d2357","name":"SOSOTAR","slug":"sosotar","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1474013/avatar-PEmxiluFOoO3BtwSDw1idLDrpUeEqc.jpg","badges":["available","studio"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/erd5sCl4mGOsgCnML20d/dashed-divider-pro-aI2ZMzWG5w6saPP3OM0xtBtuaDa2Yt","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-12-17T17:00:21.809Z","updatedAt":"2026-05-08T14:07:18.004Z","publishedAt":"2026-01-12T14:24:38.706Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://predictable-reassurance-005977.framer.app/","price":"5","paymentUrl":"https://bysosotar.lemonsqueezy.com/checkout/buy/ef0e6c52-46a1-45cf-94d0-6f3aada9cd1b","workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"3TCjzEealpfboykgAOAn","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-12T14:24:38.706Z","updatedAt":"2026-01-12T14:24:38.706Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L5c"}]