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

Styles

Straight – clean single line
Dashed – configurable dash length and gap
Dotted – configurable dot spacing
Double – two parallel lines with adjustable gap
Wavy – smooth sine wave with adjustable amplitude and cycle width
Zig-Zag – angular pattern with adjustable amplitude and unit width. Supports rounded or sharp corners.
Hatch - Diagonal line pattern with adjustable thickness, gap and angle

Features

Gradient fill – set a start and end color across the divider length. Works across all styles.
Animation – animate dashed, dotted, and wavy styles in forward or reverse direction with configurable speed
Cap styles – round, square, or flat line endings for dashed and wavy styles. Round cap also rounds zig-zag corners.
Dual orientation – horizontal or vertical, works in any layout Responsive – fills any frame size without distorting stroke thickness

Properties

Styles: Straight, Dashed, Dotted, Double, Wavy, Zig-Zag
Orientation : Vertical, Horizontal
Solid Color
Gradient
Thickness
Opacity
Cap Style : Round, Square, Flat
Dash Length / Gap (For Dashed style)
Dot Spacing (For Dotted style)
Amplitude + Unit Width (For Wavy, Zig-Zag styles)
Animate : None, Forward, Reverse (Supported for Dashed, Dotted, Wavy styles)
Animation Speed

53:T9bd,

SVG Isometric 3D

Upload any SVG and transform it into a layered isometric 3D object — rendered in real time inside Framer using Three.js. The signature hatch lines on the extruded sides give every shape a distinctive stacked, architectural quality that works equally well for icons, illustrations, and logos.

Features

SVG Upload — Accepts any .svg file directly from the property panel
Adjustable Depth — Control how thick the extrusion is, scaled proportionally to your SVG
Top & Side Colors — Set separate colors for the face and extruded sides
Edge Strokes — Visible edge lines give the shape a clean technical look
Hatch Pattern — The signature side texture, with configurable spacing, thickness, and color
Zoom Control — Zoom in or out to frame your shape within the component
Isometric Camera — Fixed orthographic camera for a consistent isometric view
Multi-path SVGs — Every path in your SVG is extruded individually
Responsive — Automatically adapts to the component frame size

Canvas Rendering

The 3D output does not render on the Framer canvas. This is intentional — the canvas runs every component on the page simultaneously, and initializing a WebGL context for each instance would significantly degrade editor performance. Instead, the canvas shows a lightweight color preview using your chosen Top and Side colors, so your palette is always visible while you design. Hit Preview to see the full 3D render.

How to Use

Drop the component onto your canvas
Upload your .svg file using the SVG property
Adjust Depth % to control the extrusion thickness
Set Top Color, Side Color, and Edge Color to match your design
Toggle Hatch on and adjust spacing, thickness, and color for the layered side effect
Use Zoom to fit the shape within the frame
Hit Preview to see the live 3D render

Tips

Works best with simple, flat SVGs with clearly defined paths
For a monochromatic look, set the top and side color to the same hue and let the hatch create the depth
SVGs without strokes or gradients produce the cleanest extrusions

54:T6d1,

Before After Slider

A lightweight, fully interactive image comparison component built for Framer. Drag the handle to reveal the before and after states of any two images, perfect for showcasing design transformations, photo edits, UI redesigns, or product comparisons.

Features

Horizontal & Vertical: Switch drag direction from the property panel
Interaction: Choose from Drag and Hover interaction modes for slider control
Configurable Start Position: Set where the slider begins (0–100%)
Custom or Default Handle: Use the built-in pill handle or drop in any Frame as a custom handle
Divider Control: Adjust divider width and color
Border & Radius: Add rounded corners and an optional border
Touch Support: Works on mobile and tablet interactions in Framer
No dependencies: Pure React, no external libraries

How to Use

Copy & Paste the component onto your canvas
Set your Before and After images in the property panel
Choose Direction: Horizontal or Vertical
Adjust Start % to set the initial slider position
Customize the Handle, Divider, and Border to match your design

55:Taa1,

SVG → Interactive 3D in Framer

SVG to 3D converts flat SVG graphics into fully interactive 3D objects inside Framer. Simply upload an SVG and the component automatically generates extruded 3D geometry rendered with Three.js.

Customise depth, materials, lighting, and interaction to create dynamic visuals for landing pages, hero sections, product highlights, and interactive UI elements.

No Three.js setup required.

Key Features

SVG to 3D Extrusion

Convert any SVG path into 3D geometry with adjustable depth and bevel settings.

Material Styles

Choose from multiple material looks:

Basic
Metallic
Clay
Acrylic

Create anything from polished metal objects to soft sculptural shapes.

Interactive Controls

Add interaction to your 3D objects:

Drag – rotate the object freely
Cursor – object reacts to mouse movement
None – static display

Lighting Environment

Built-in lighting system with adjustable:

Light colour
Intensity
Environment rotation

Create dramatic highlights or soft studio lighting.

Camera Controls

Adjust the viewing angle and zoom to frame the object exactly how you want.

Performance Optimised

The component automatically pauses rendering when off-screen to reduce GPU usage and keep pages fast.

Property Controls

SVG

Upload any SVG graphic to convert it into 3D geometry.

Object

Extrude depth
Bevel size and softness
Spread (scale)

Materials

Basic
Metallic
Clay
Acrylic

Interaction

None
Drag
Cursor follow

Environment

Lighting color
Lighting intensity
Environment rotation

Camera

Rotation (X, Y, Z)
Zoom

Perfect For

Landing page hero graphics
Interactive brand visuals
3D icons and logos
Creative portfolio websites

Requirements

SVG files with vector paths
Works directly inside Framer with no external setup

50:["$","$L51",null,{"value":{"fallback":{"$inf$activity-creator-99280d50-d96a-4f30-9a6c-36cd84a4f304-all:/unified/creator/99280d50-d96a-4f30-9a6c-36cd84a4f304/activity/":[{"data":[{"id":"01a0c7d6-8237-734e-8f61-511652606cb9","type":"comment.reply","target":{"type":"post","id":"019fc27a-b8fe-724f-828e-c18b213b7648","preview":"Paudha","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/99280d50-d96a-4f30-9a6c-36cd84a4f304/019fc275-b06c-76e9-8436-d152b1d0a7b4.png","targetDeleted":false,"owned":true,"actions":{"postId":"019fc27a-b8fe-724f-828e-c18b213b7648","like":{"count":6,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a0c7d6-8215-72fc-acda-411e259f9411","preview":"Thank you! 😄","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Thank you! "},{"type":"emoji","attrs":{"name":"smile","emoji":"😄"}},{"type":"text","text":" "}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019fc27a-b8fe-724f-828e-c18b213b7648","like":{"count":0,"liked":false},"reply":{"parentCommentId":"01a0b4fe-540b-75b9-b0ed-296075791350"},"repost":null}},"actors":[{"id":"99280d50-d96a-4f30-9a6c-36cd84a4f304","name":"Utkarsh Arya","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/99280d50-d96a-4f30-9a6c-36cd84a4f304/o5gd3xep","slug":"uxarya","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-22T06:38:39.159Z","latestAt":"2026-09-22T06:38:39.159Z"},{"id":"01a0c7d6-4e1b-77a9-b1f2-517f12df39c9","type":"comment.liked","target":{"type":"comment","id":"01a0b4fe-540b-75b9-b0ed-296075791350","preview":"nice motion","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"nice motion"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019fc27a-b8fe-724f-828e-c18b213b7648","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a0b4fe-540b-75b9-b0ed-296075791350"},"repost":null}},"context":{"type":"post","id":"019fc27a-b8fe-724f-828e-c18b213b7648","preview":"Paudha","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/99280d50-d96a-4f30-9a6c-36cd84a4f304/019fc275-b06c-76e9-8436-d152b1d0a7b4.png","targetDeleted":false,"owned":true,"actions":{"postId":"019fc27a-b8fe-724f-828e-c18b213b7648","like":{"count":6,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"99280d50-d96a-4f30-9a6c-36cd84a4f304","name":"Utkarsh Arya","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/99280d50-d96a-4f30-9a6c-36cd84a4f304/o5gd3xep","slug":"uxarya","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-22T06:38:25.813Z","latestAt":"2026-09-22T06:38:25.813Z"},{"id":"01a03279-f27e-7038-bd01-2708081fda36","type":"comment.liked","target":{"type":"comment","id":"01a03060-4c6f-735d-83e5-ff1e09d473fb","preview":"@Utkarsh Arya Thank you, I appreciate it!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"mention","attrs":{"id":"99280d50-d96a-4f30-9a6c-36cd84a4f304","slug":"uxarya","label":"Utkarsh Arya","mentionSuggestionChar":"@"}},{"type":"text","text":" Thank you, I appreciate it!"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019d900f-2aeb-7792-b042-5fe8c68cbaff","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a01cdd-31aa-72cb-87f8-810d05d6d9cb"},"repost":null}},"context":{"type":"post","id":"019d900f-2aeb-7792-b042-5fe8c68cbaff","preview":"Split Image Compare","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/DyC6KDsqrlXyMN1qqCEh/split-image-compare-ddDWevmcDltfs0MIAfB3PRmftUHJ9U","targetDeleted":false,"owned":true,"actions":{"postId":"019d900f-2aeb-7792-b042-5fe8c68cbaff","like":{"count":100,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"99280d50-d96a-4f30-9a6c-36cd84a4f304","name":"Utkarsh Arya","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/99280d50-d96a-4f30-9a6c-36cd84a4f304/o5gd3xep","slug":"uxarya","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-24T06:34:07.864Z","latestAt":"2026-08-24T06:34:07.864Z"},{"id":"01a01dbb-c74c-72da-bded-c8f381a8f963","type":"comment.reply","target":{"type":"post","id":"019d900f-2aeb-7792-b042-5fe8c68cbaff","preview":"Split Image Compare","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/DyC6KDsqrlXyMN1qqCEh/split-image-compare-ddDWevmcDltfs0MIAfB3PRmftUHJ9U","targetDeleted":false,"owned":true,"actions":{"postId":"019d900f-2aeb-7792-b042-5fe8c68cbaff","like":{"count":100,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a01dbb-c721-76fe-b8b7-a577da14e310","preview":"Hey @Christelle Osthus, thanks for pointing this out. The component used to drop into the canvas without any size and thus was not visible until you set a size manually. I just published a fix, which now sets a default size for the component when dropped into the canvas.\nHope this works out for you. :)","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hey "},{"type":"mention","attrs":{"id":"b1dab1ed-914c-409d-867a-bb6f5ce6d771","slug":"christelle-osthus","label":"Christelle Osthus","mentionSuggestionChar":"@"}},{"type":"text","text":", thanks for pointing this out. The component used to drop into the canvas without any size and thus was not visible until you set a size manually. I just published a fix, which now sets a default size for the component when dropped into the canvas."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Hope this works out for you. :)"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019d900f-2aeb-7792-b042-5fe8c68cbaff","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a01cdd-31aa-72cb-87f8-810d05d6d9cb"},"repost":null}},"actors":[{"id":"99280d50-d96a-4f30-9a6c-36cd84a4f304","name":"Utkarsh Arya","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/99280d50-d96a-4f30-9a6c-36cd84a4f304/o5gd3xep","slug":"uxarya","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-20T05:54:00.652Z","latestAt":"2026-08-20T05:54:00.652Z"},{"id":"019fd601-331a-7159-a599-d6d53e772829","type":"post.liked","target":{"type":"post","id":"019fd5f9-1834-767f-8731-6c06a04b8470","preview":"One thing I would really like is the ability to add:\nrobots.txt\nllm.txt\n.md files \nOn the Basic plan.\nI don't want to host large files so the Pro plan does not make sense for a few files under 100 KB.\nHappy to buy an add-on which lets me add these light files.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"One thing I would really like is the ability to add:"}]},{"type":"paragraph","content":[{"type":"text","text":"robots.txt"}]},{"type":"paragraph","content":[{"type":"text","text":"llm.txt"}]},{"type":"paragraph","content":[{"type":"text","text":".md files "}]},{"type":"paragraph","content":[{"type":"text","text":"On the Basic plan."}]},{"type":"paragraph","content":[{"type":"text","text":"I don't want to host large files so the Pro plan does not make sense for a few files under 100 KB."}]},{"type":"paragraph","content":[{"type":"text","text":"Happy to buy an add-on which lets me add these light files."}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019fd5f9-1834-767f-8731-6c06a04b8470","like":{"count":7,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"99280d50-d96a-4f30-9a6c-36cd84a4f304","name":"Utkarsh Arya","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/99280d50-d96a-4f30-9a6c-36cd84a4f304/o5gd3xep","slug":"uxarya","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-06T07:37:10.678Z","latestAt":"2026-08-06T07:37:10.678Z"},{"id":"019fc855-afab-768e-828e-7efbef158741","type":"creator.followed","target":{"type":"creator","id":"3b062a58-ca05-4acc-91a2-b82e96bd3a5d","preview":"Tamas Bodo","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3b062a58-ca05-4acc-91a2-b82e96bd3a5d/zclchol2","slug":"tamas-bodo","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"99280d50-d96a-4f30-9a6c-36cd84a4f304","name":"Utkarsh Arya","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/99280d50-d96a-4f30-9a6c-36cd84a4f304/o5gd3xep","slug":"uxarya","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-03T15:54:46.564Z","latestAt":"2026-08-03T15:54:46.564Z"},{"id":"019fc27a-bb7c-772e-a5b3-b656476296c0","type":"site.created","target":{"type":"site","id":"16847","preview":"Paudha","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/99280d50-d96a-4f30-9a6c-36cd84a4f304/019fc275-b06c-76e9-8436-d152b1d0a7b4.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"99280d50-d96a-4f30-9a6c-36cd84a4f304","name":"Utkarsh Arya","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/99280d50-d96a-4f30-9a6c-36cd84a4f304/o5gd3xep","slug":"uxarya","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"site","visibility":"public","startedAt":"2026-08-02T12:37:31.132Z","latestAt":"2026-08-02T12:37:31.132Z"},{"id":"019fc0de-1541-7427-a3ae-9ff7794554c6","type":"post.liked","target":{"type":"post","id":"019fc08f-8d26-757f-8ff9-245ecb72a859","preview":"the first thing i check every morning","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"the first thing i check every morning"}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/84bfe3a9-2969-4b39-9898-af71228ef800/019fc08d-f799-701a-9131-c0398197a8be.png","targetDeleted":false,"owned":false,"actions":{"postId":"019fc08f-8d26-757f-8ff9-245ecb72a859","like":{"count":10,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"99280d50-d96a-4f30-9a6c-36cd84a4f304","name":"Utkarsh Arya","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/99280d50-d96a-4f30-9a6c-36cd84a4f304/o5gd3xep","slug":"uxarya","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-02T05:06:47.740Z","latestAt":"2026-08-02T05:06:47.740Z"},{"id":"019fb787-0d8a-739e-a3bc-31b88dd22f57","type":"component.liked","target":{"type":"component","id":"q3BntkITwhmM8tEKkcTf","preview":"SpectralParticles","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/q3BntkITwhmM8tEKkcTf/spectralparticles-LoS7RW1aU9qn2s4WhuM0CyEfXfSKcy","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"99280d50-d96a-4f30-9a6c-36cd84a4f304","name":"Utkarsh Arya","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/99280d50-d96a-4f30-9a6c-36cd84a4f304/o5gd3xep","slug":"uxarya","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-07-31T09:35:09.188Z","latestAt":"2026-07-31T09:35:09.188Z"},{"id":"019fa2a3-def5-72d9-a9bd-2c3c5a0d7d66","type":"post.liked","target":{"type":"post","id":"019fa249-c1fb-719d-8b74-5ad71bf04dd1","preview":"From side hustle to full-time Framer designer.\nIn January 2025, I started Webnity X alongside my full-time job.\nThe beginning was anything but easy. Building websites after work, handling clients in the evenings and trying to grow a business from my home office took a lot of time and energy.\nBut the goal was always clear: I wanted web design to become my full-time career. I just wanted to reach a point where I had enough clients to make the jump without worrying every month about where the next project would come from.\nIn December 2025, I finally did it. I quit my job, went all in on Webnity X and made one of the best decisions of my life.\nThat same month, I moved out of my home office and into a coworking space. I wanted to separate work from private life, meet new people and build a stronger environment around the business.\nThat decision has already brought me new friendships, new opportunities and exciting client projects.\nAnd this is only the beginning. Webnity X has some big goals for 2026 🚀","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"From side hustle to full-time Framer designer.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"In January 2025, I started Webnity X alongside my full-time job."}]},{"type":"paragraph","content":[{"type":"text","text":"The beginning was anything but easy. Building websites after work, handling clients in the evenings and trying to grow a business from my home office took a lot of time and energy."}]},{"type":"paragraph","content":[{"type":"text","text":"But the goal was always clear: I wanted web design to become my full-time career. I just wanted to reach a point where I had enough clients to make the jump without worrying every month about where the next project would come from."}]},{"type":"paragraph","content":[{"type":"text","text":"In December 2025, I finally did it. I quit my job, went all in on Webnity X and made one of the best decisions of my life."}]},{"type":"paragraph","content":[{"type":"text","text":"That same month, I moved out of my home office and into a coworking space. I wanted to separate work from private life, meet new people and build a stronger environment around the business."}]},{"type":"paragraph","content":[{"type":"text","text":"That decision has already brought me new friendships, new opportunities and exciting client projects."}]},{"type":"paragraph","content":[{"type":"text","text":"And this is only the beginning. Webnity X has some big goals for 2026 "},{"type":"emoji","attrs":{"name":"rocket","emoji":"🚀"}}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/92c2a437-4e58-4cd2-9a23-5fd81786f849/019fa248-c396-76df-91af-aa2292851d18.jpg","targetDeleted":false,"owned":false,"actions":{"postId":"019fa249-c1fb-719d-8b74-5ad71bf04dd1","like":{"count":68,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":2,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"99280d50-d96a-4f30-9a6c-36cd84a4f304","name":"Utkarsh Arya","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/99280d50-d96a-4f30-9a6c-36cd84a4f304/o5gd3xep","slug":"uxarya","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-27T08:14:36.266Z","latestAt":"2026-07-27T08:14:36.266Z"},{"id":"019f9368-abd5-709d-8a47-99e4bf3f4351","type":"post.liked","target":{"type":"post","id":"019f8f1f-e402-757f-b439-ff10c0f1434f","preview":"❖ When on X-Twitter & Threads I'm literally counting & admiring every new follower (thank you so much yall!)\n❖ In the community, I'm already followed by THREE @Framer team members - thank you, it's very unexpected & means a lot WOW! (✧0✧)\nPS. Is it weird I'm posting this (‘•.•’)?","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"❖ When on X-Twitter & Threads I'm literally counting & admiring every new follower (thank you so much yall!)"}]},{"type":"paragraph","content":[{"type":"text","text":"❖ In the community, I'm already followed by THREE "},{"type":"mention","attrs":{"id":"a7cd9fe6-cf81-4a41-8e93-bca0291dba80","slug":"framer","label":"Framer","mentionSuggestionChar":"@"}},{"type":"text","text":" team members - thank you, it's very unexpected & means a lot WOW! (✧0✧)"}]},{"type":"paragraph","content":[{"type":"text","text":"PS. Is it weird I'm posting this (‘•.•’)?"}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a2eef493-fdfc-4cfb-8eaa-2d5db1312bb0/019f8f1f-c8cd-7265-845b-0098107ca26d.jpg","targetDeleted":false,"owned":false,"actions":{"postId":"019f8f1f-e402-757f-b439-ff10c0f1434f","like":{"count":16,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":1,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"99280d50-d96a-4f30-9a6c-36cd84a4f304","name":"Utkarsh Arya","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/99280d50-d96a-4f30-9a6c-36cd84a4f304/o5gd3xep","slug":"uxarya","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-24T09:15:38.321Z","latestAt":"2026-07-24T09:15:38.321Z"},{"id":"019f85b1-14c4-737e-bea6-bd34336f9f0f","type":"creator.followed","target":{"type":"creator","id":"04ad2b89-82ed-4976-ac9c-59816e48b3a7","preview":"Nick Stepuk","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28844/avatar-vGg1AXeRJwvRbHUJn1XFc6L7RUvjT5.jpg","slug":"stfnco","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"99280d50-d96a-4f30-9a6c-36cd84a4f304","name":"Utkarsh Arya","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/99280d50-d96a-4f30-9a6c-36cd84a4f304/o5gd3xep","slug":"uxarya","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-21T17:20:02.748Z","latestAt":"2026-07-21T17:20:02.748Z"},{"id":"019f8412-d9ff-7469-8b07-87adf2d236fd","type":"post.liked","target":{"type":"post","id":"019f5bea-25b7-754b-82d8-980183526280","preview":"Meet my 8th template, Nubo.\nA single-product launch template for one thing, done right.\nTake a look below👇\nhttps://nubo.framer.website","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Meet my 8th template, Nubo."}]},{"type":"paragraph","content":[{"type":"text","text":"A single-product launch template for one thing, done right."}]},{"type":"paragraph","content":[{"type":"text","text":"Take a look below"},{"type":"emoji","attrs":{"name":"point_down","emoji":"👇"}}]},{"type":"paragraph","content":[{"type":"text","text":"https://nubo.framer.website","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://nubo.framer.website/","target":"_blank"}}]}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3b062a58-ca05-4acc-91a2-b82e96bd3a5d/019f5f59-5455-7482-b90c-79e7b85b2819.jpg","targetDeleted":false,"owned":false,"actions":{"postId":"019f5bea-25b7-754b-82d8-980183526280","like":{"count":131,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":1,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"99280d50-d96a-4f30-9a6c-36cd84a4f304","name":"Utkarsh Arya","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/99280d50-d96a-4f30-9a6c-36cd84a4f304/o5gd3xep","slug":"uxarya","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-21T09:47:35.802Z","latestAt":"2026-07-21T09:47:35.802Z"},{"id":"019f8069-940b-7028-8279-9b8315975df7","type":"post.reply","target":{"type":"post","id":"019f6f85-39a9-754a-b57d-4dadb1ec37b9","preview":"Showcase the latest template / component / website you've built.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Showcase the latest template / component / website you've built."}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019f6f85-39a9-754a-b57d-4dadb1ec37b9","like":{"count":6,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019f8069-93eb-71bb-aed2-833a69edcdb4","preview":"Thanks!! :)","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Thanks!! :)"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019f6f85-39a9-754a-b57d-4dadb1ec37b9","like":{"count":0,"liked":false},"reply":{"parentCommentId":"019f6f8a-57bb-74cc-b7f5-3ba11793c735"},"repost":null}},"actors":[{"id":"99280d50-d96a-4f30-9a6c-36cd84a4f304","name":"Utkarsh Arya","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/99280d50-d96a-4f30-9a6c-36cd84a4f304/o5gd3xep","slug":"uxarya","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-20T16:43:50.667Z","latestAt":"2026-07-20T16:43:50.667Z"},{"id":"019f8068-72f8-772f-b1bf-58de7ddde877","type":"comment.liked","target":{"type":"comment","id":"019f8058-3592-765d-bfa3-3056b7574dd5","preview":"I see it and great website btw! The animations are cleaaaan.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"I see it and great website btw! The animations are cleaaaan."}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019f6f85-39a9-754a-b57d-4dadb1ec37b9","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019f6f8a-57bb-74cc-b7f5-3ba11793c735"},"repost":null}},"context":{"type":"post","id":"019f6f85-39a9-754a-b57d-4dadb1ec37b9","preview":"Showcase the latest template / component / website you've built.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Showcase the latest template / component / website you've built."}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019f6f85-39a9-754a-b57d-4dadb1ec37b9","like":{"count":6,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"99280d50-d96a-4f30-9a6c-36cd84a4f304","name":"Utkarsh Arya","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/99280d50-d96a-4f30-9a6c-36cd84a4f304/o5gd3xep","slug":"uxarya","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-20T16:42:36.661Z","latestAt":"2026-07-20T16:42:36.661Z"},{"id":"019f7e29-701b-70b7-9588-a909576fd8bc","type":"comment.liked","target":{"type":"comment","id":"019f7e27-6d55-7388-9e14-0f7d0941337b","preview":"Hey @Utkarsh Arya , nice find! Yes, I did use it, thank you so much for creating it. Super easy to use :)","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hey "},{"type":"mention","attrs":{"id":"99280d50-d96a-4f30-9a6c-36cd84a4f304","slug":"uxarya","label":"Utkarsh Arya","mentionSuggestionChar":"@"}},{"type":"text","text":" , nice find! Yes, I did use it, thank you so much for creating it. Super easy to use :)"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019f6f37-1bd2-729f-a8f1-7a21f0e987b0","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019f6fd9-8d3a-7367-9ce8-80954e24d6ec"},"repost":null}},"context":{"type":"post","id":"019f6f37-1bd2-729f-a8f1-7a21f0e987b0","preview":"WOWCabin needed a premium website, I got them covered.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"WOWCabin","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://wowcabin.hu/","target":"_blank"}}]},{"type":"text","text":" needed a premium website, I got them covered."}]}]},"thumbnail":"https://image.mux.com/DMQ017Aa6QUTOnyg00dzSwD9v9PL302Bl02YyttlyZowLvE/thumbnail.webp?time=11.867","targetDeleted":false,"owned":false,"actions":{"postId":"019f6f37-1bd2-729f-a8f1-7a21f0e987b0","like":{"count":5,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"99280d50-d96a-4f30-9a6c-36cd84a4f304","name":"Utkarsh Arya","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/99280d50-d96a-4f30-9a6c-36cd84a4f304/o5gd3xep","slug":"uxarya","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-20T06:14:32.727Z","latestAt":"2026-07-20T06:14:32.727Z"},{"id":"019f6fd9-8d63-710d-ae01-be332819f881","type":"comment.created","target":{"type":"post","id":"019f6f37-1bd2-729f-a8f1-7a21f0e987b0","preview":"WOWCabin needed a premium website, I got them covered.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"WOWCabin","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://wowcabin.hu/","target":"_blank"}}]},{"type":"text","text":" needed a premium website, I got them covered."}]}]},"thumbnail":"https://image.mux.com/DMQ017Aa6QUTOnyg00dzSwD9v9PL302Bl02YyttlyZowLvE/thumbnail.webp?time=11.867","targetDeleted":false,"owned":false,"actions":{"postId":"019f6f37-1bd2-729f-a8f1-7a21f0e987b0","like":{"count":5,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019f6fd9-8d3a-7367-9ce8-80954e24d6ec","preview":"Hey @Gergő Cserba \nThe page looks clean!!\nAlso, saw the image compare component you've used on the landing page. Looks very similar to a component I had built: https://sub.chujiqiqi.com/community/marketplace/components/split-image-compare/\nBy any chance did you use this component? Would love to know :)","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hey "},{"type":"mention","attrs":{"id":"80306221-8a16-480a-b17f-e8c7d932a8b9","slug":"gergocserba","label":"Gergő Cserba","mentionSuggestionChar":"@"}},{"type":"text","text":" "}]},{"type":"paragraph","content":[{"type":"text","text":"The page looks clean!!"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Also, saw the image compare component you've used on the landing page. Looks very similar to a component I had built: "},{"type":"text","text":"https://sub.chujiqiqi.com/community/marketplace/components/split-image-compare/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://sub.chujiqiqi.com/community/marketplace/components/split-image-compare/","target":"_blank"}}]}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"By any chance did you use this component? Would love to know :)"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019f6f37-1bd2-729f-a8f1-7a21f0e987b0","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019f6fd9-8d3a-7367-9ce8-80954e24d6ec"},"repost":null}},"actors":[{"id":"99280d50-d96a-4f30-9a6c-36cd84a4f304","name":"Utkarsh Arya","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/99280d50-d96a-4f30-9a6c-36cd84a4f304/o5gd3xep","slug":"uxarya","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-17T11:32:36.323Z","latestAt":"2026-07-17T11:32:36.323Z"},{"id":"019f6f8a-57df-74cd-a386-a43f41f32143","type":"comment.created","target":{"type":"post","id":"019f6f85-39a9-754a-b57d-4dadb1ec37b9","preview":"Showcase the latest template / component / website you've built.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Showcase the latest template / component / website you've built."}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019f6f85-39a9-754a-b57d-4dadb1ec37b9","like":{"count":6,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019f6f8a-57bb-74cc-b7f5-3ba11793c735","preview":"Hi! This is a divider component I built recently.\nhttps://sub.chujiqiqi.com/community/marketplace/components/divider-lines/\nWould love to know what you think.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hi! This is a divider component I built recently."}]},{"type":"paragraph","content":[{"type":"text","text":"https://sub.chujiqiqi.com/community/marketplace/components/divider-lines/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://sub.chujiqiqi.com/community/marketplace/components/divider-lines/","target":"_blank"}}]}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Would love to know what you think."}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019f6f85-39a9-754a-b57d-4dadb1ec37b9","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019f6f8a-57bb-74cc-b7f5-3ba11793c735"},"repost":null}},"actors":[{"id":"99280d50-d96a-4f30-9a6c-36cd84a4f304","name":"Utkarsh Arya","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/99280d50-d96a-4f30-9a6c-36cd84a4f304/o5gd3xep","slug":"uxarya","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-17T10:06:05.279Z","latestAt":"2026-07-17T10:06:05.279Z"},{"id":"019f6b7d-eaa0-711a-98bd-d3de89247f10","type":"comment.liked","target":{"type":"comment","id":"019f6b4b-f6d5-73cd-980d-eef5e296b71e","preview":"Love this. Framer not having a native divider is a real gap, and turning it into a proper component with these styles is smart. The wavy and zig-zag ones especially add character.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Love this. Framer not having a native divider is a real gap, and turning it into a proper component with these styles is smart. The wavy and zig-zag ones especially add character."}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019f6ac9-4e4a-7238-9db0-12fee4765334","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019f6b4b-f6d5-73cd-980d-eef5e296b71e"},"repost":null}},"context":{"type":"post","id":"019f6ac9-4e4a-7238-9db0-12fee4765334","preview":"Framer has no native divider, so I've been drawing 1px rectangles/frames at 10% opacity. I always felt dividers could be visual elements that add to the visual language bringing character to any design.\nSo I built a versatile divider component with multiple styles (straight, dashed, dotted, double, wavy, zig-zag, character.), solid colour/gradient support and animation to bring that wow factor.\nLink in comments! 😀","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Framer has no native divider, so I've been drawing 1px rectangles/frames at 10% opacity. I always felt dividers could be visual elements that add to the visual language bringing character to any design."}]},{"type":"paragraph","content":[{"type":"text","text":"So I built a versatile divider component with multiple styles (straight, dashed, dotted, double, wavy, zig-zag, character.), solid colour/gradient support and animation to bring that wow factor."}]},{"type":"paragraph","content":[{"type":"text","text":"Link in comments! "},{"type":"emoji","attrs":{"name":"grinning","emoji":"😀"}},{"type":"text","text":" "}]}]},"thumbnail":"https://image.mux.com/SkaWSThT2YUSyi2ytnx01ScrENh02x71FZZ9l9vPacVi00/thumbnail.webp?time=1.888","targetDeleted":false,"owned":true,"actions":{"postId":"019f6ac9-4e4a-7238-9db0-12fee4765334","like":{"count":8,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"99280d50-d96a-4f30-9a6c-36cd84a4f304","name":"Utkarsh Arya","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/99280d50-d96a-4f30-9a6c-36cd84a4f304/o5gd3xep","slug":"uxarya","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-16T15:14:02.012Z","latestAt":"2026-07-16T15:14:02.012Z"},{"id":"019f6b7d-e389-71d2-8a97-8fbf893e00f1","type":"comment.reply","target":{"type":"post","id":"019f6ac9-4e4a-7238-9db0-12fee4765334","preview":"Framer has no native divider, so I've been drawing 1px rectangles/frames at 10% opacity. I always felt dividers could be visual elements that add to the visual language bringing character to any design.\nSo I built a versatile divider component with multiple styles (straight, dashed, dotted, double, wavy, zig-zag, character.), solid colour/gradient support and animation to bring that wow factor.\nLink in comments! 😀","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Framer has no native divider, so I've been drawing 1px rectangles/frames at 10% opacity. I always felt dividers could be visual elements that add to the visual language bringing character to any design."}]},{"type":"paragraph","content":[{"type":"text","text":"So I built a versatile divider component with multiple styles (straight, dashed, dotted, double, wavy, zig-zag, character.), solid colour/gradient support and animation to bring that wow factor."}]},{"type":"paragraph","content":[{"type":"text","text":"Link in comments! "},{"type":"emoji","attrs":{"name":"grinning","emoji":"😀"}},{"type":"text","text":" "}]}]},"thumbnail":"https://image.mux.com/SkaWSThT2YUSyi2ytnx01ScrENh02x71FZZ9l9vPacVi00/thumbnail.webp?time=1.888","targetDeleted":false,"owned":true,"actions":{"postId":"019f6ac9-4e4a-7238-9db0-12fee4765334","like":{"count":8,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019f6b7d-e366-718c-982a-f7349d7cbb1b","preview":"Thanks @Niklas Hass. How would you like to see the component extended further? Any additional styles or customizations you think would add value?","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Thanks "},{"type":"mention","attrs":{"id":"92c2a437-4e58-4cd2-9a23-5fd81786f849","slug":"niklas-hass-webnity-x","label":"Niklas Hass","mentionSuggestionChar":"@"}},{"type":"text","text":". How would you like to see the component extended further? Any additional styles or customizations you think would add value?"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019f6ac9-4e4a-7238-9db0-12fee4765334","like":{"count":0,"liked":false},"reply":{"parentCommentId":"019f6b4b-f6d5-73cd-980d-eef5e296b71e"},"repost":null}},"actors":[{"id":"99280d50-d96a-4f30-9a6c-36cd84a4f304","name":"Utkarsh Arya","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/99280d50-d96a-4f30-9a6c-36cd84a4f304/o5gd3xep","slug":"uxarya","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-16T15:14:00.201Z","latestAt":"2026-07-16T15:14:00.201Z"}],"pagination":{"next":"MjAyNi0wNy0xNlQxNToxNDowMC4yMDFafDAxOWY2YjdkLWUzODktNzFkMi04YTk3LThmYmY4OTNlMDBmMQ","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:99280d50-d96a-4f30-9a6c-36cd84a4f304:/unified/posts/?creator=99280d50-d96a-4f30-9a6c-36cd84a4f304&with=reposts":[{"data":[{"id":"019fc27a-b8fe-724f-828e-c18b213b7648","title":null,"body":"

Website I did for a business offering balcony makeover services in India. 🪴✨

Also used my animated divider component on the about page. 🫣

Would love to know what you guys think. 🙌

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Website I did for a business offering balcony makeover services in India. "},{"type":"emoji","attrs":{"name":"potted_plant","emoji":"🪴"}},{"type":"emoji","attrs":{"name":"sparkles","emoji":"✨"}}]},{"type":"paragraph","content":[{"type":"text","text":"Also used my animated "},{"type":"text","text":"divider component","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://sub.chujiqiqi.com/community/marketplace/components/divider-lines/","target":"_blank"}}]},{"type":"text","text":" on the "},{"type":"text","text":"about page.","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://www.paudha.co/about","target":"_blank"}}]},{"type":"text","text":" "},{"type":"emoji","attrs":{"name":"face_with_peeking_eye","emoji":"🫣"}}]},{"type":"paragraph","content":[{"type":"text","text":"Would love to know what you guys think. "},{"type":"emoji","attrs":{"name":"raised_hands","emoji":"🙌"}}]}]},"author":{"framerUserId":"99280d50-d96a-4f30-9a6c-36cd84a4f304","name":"Utkarsh Arya","slug":"uxarya","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/99280d50-d96a-4f30-9a6c-36cd84a4f304/o5gd3xep","followed":false,"followsYou":false},"media":[],"resources":[{"id":"16847","resolved":true,"title":"Paudha","body":"

Business offering balcony makeover services

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Business offering balcony makeover services"}]}]},"introduction":"","slug":"paudha","author":{"framerUserId":"99280d50-d96a-4f30-9a6c-36cd84a4f304","name":"Utkarsh Arya","slug":"uxarya","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/99280d50-d96a-4f30-9a6c-36cd84a4f304/o5gd3xep","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/99280d50-d96a-4f30-9a6c-36cd84a4f304/019fc275-b06c-76e9-8436-d152b1d0a7b4.png","metadata":{"tint":{"h":240,"s":10,"l":16},"width":3200,"height":2009}}],"post":null,"createdAt":"2026-08-02T12:37:30.091Z","updatedAt":"2026-08-02T12:37:30.091Z","publishedAt":"2026-08-02T12:37:30.084Z","featuredAt":null,"approvedAt":null,"type":"site","attributes":{"url":"https://www.paudha.co/","categories":[{"id":"ddd39099-5b17-42e0-b333-7b7c480a114f","name":"Business","slug":"business"}],"mainCategory":null,"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":6,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-02T12:37:30.494Z","updatedAt":"2026-08-02T12:37:30.494Z"},{"id":"019f932b-f24a-7528-85c5-0bc37e229c3d","title":null,"body":"

Couple of days ago I stumbled upon a Framer template, and saw a component I built being used in the template.

It is a simple image comparison slider that just hit 50 likes. 😍

Thanks for the love, it definitely pushes me to create more.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Couple of days ago I stumbled upon a Framer template, and saw a component I built being used in the template."}]},{"type":"paragraph","content":[{"type":"text","text":"It is a simple image comparison slider that just hit "},{"type":"text","text":"50 likes","marks":[{"type":"bold"}]},{"type":"text","text":". "},{"type":"emoji","attrs":{"name":"heart_eyes","emoji":"😍"}}]},{"type":"paragraph","content":[{"type":"text","text":"Thanks for the love, it definitely pushes me to create more."}]}]},"author":{"framerUserId":"99280d50-d96a-4f30-9a6c-36cd84a4f304","name":"Utkarsh Arya","slug":"uxarya","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/99280d50-d96a-4f30-9a6c-36cd84a4f304/o5gd3xep","followed":false,"followsYou":false},"media":[{"type":"link-preview","url":"https://framer.link/RIaqUbu","metadata":{"title":"Split Image Compare: Free Carousels Component by Utkarsh Arya","description":"Drag to reveal before & after images — Split Image Compare by Utkarsh Arya — explore this Framer Component on the Framer Marketplace and customize it in Framer's no-code website builder.","imageUrl":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/opengraph/7c0f5ce56095761a/image.jpg","siteName":"Framer Community","faviconUrl":null}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":5,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":2,"edited":true,"editedAt":"2026-07-24T08:46:58.931Z","createdAt":"2026-07-24T08:09:18.676Z","updatedAt":"2026-07-24T08:46:58.931Z"},{"id":"019f6ac9-4e4a-7238-9db0-12fee4765334","title":null,"body":"

Framer has no native divider, so I've been drawing 1px rectangles/frames at 10% opacity. I always felt dividers could be visual elements that add to the visual language bringing character to any design.

So I built a versatile divider component with multiple styles (straight, dashed, dotted, double, wavy, zig-zag, character.), solid colour/gradient support and animation to bring that wow factor.

Link in comments! 😀

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Framer has no native divider, so I've been drawing 1px rectangles/frames at 10% opacity. I always felt dividers could be visual elements that add to the visual language bringing character to any design."}]},{"type":"paragraph","content":[{"type":"text","text":"So I built a versatile divider component with multiple styles (straight, dashed, dotted, double, wavy, zig-zag, character.), solid colour/gradient support and animation to bring that wow factor."}]},{"type":"paragraph","content":[{"type":"text","text":"Link in comments! "},{"type":"emoji","attrs":{"name":"grinning","emoji":"😀"}},{"type":"text","text":" "}]}]},"author":{"framerUserId":"99280d50-d96a-4f30-9a6c-36cd84a4f304","name":"Utkarsh Arya","slug":"uxarya","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/99280d50-d96a-4f30-9a6c-36cd84a4f304/o5gd3xep","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/SkaWSThT2YUSyi2ytnx01ScrENh02x71FZZ9l9vPacVi00.m3u8","metadata":{"posterUrl":"https://image.mux.com/SkaWSThT2YUSyi2ytnx01ScrENh02x71FZZ9l9vPacVi00/thumbnail.webp?time=1.888","aspectRatio":"311:234","duration":4.516667}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":8,"liked":false},"comments":{"count":3},"reposts":{"count":0,"reposted":false,"repostId":null},"version":2,"edited":true,"editedAt":"2026-07-16T11:57:32.984Z","createdAt":"2026-07-16T11:56:45.518Z","updatedAt":"2026-07-16T11:57:32.984Z"},{"id":"019f134c-e3b8-704e-a373-b4520cc3d219","title":null,"body":"

Most Framer projects I've seen use a plain rectangle as a section separator. It works, but it's a missed opportunity to add character to a layout.

I built Divider Pro to explore what a divider could actually be -- wavy, animated with scroll, gradient-filled, zigzag with soft or sharp corners. Curious what you think.

Check out the preview and let me know: would you use something like this in your projects? What styles or behaviors would you want that aren't here yet?

Preview component

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Most Framer projects I've seen use a plain rectangle as a section separator. It works, but it's a missed opportunity to add character to a layout."}]},{"type":"paragraph","content":[{"type":"text","text":"I built Divider Pro to explore what a divider could actually be -- wavy, animated with scroll, gradient-filled, zigzag with soft or sharp corners. Curious what you think."}]},{"type":"paragraph","content":[{"type":"text","text":"Check out the preview and let me know: would you use something like this in your projects? What styles or behaviors would you want that aren't here yet?"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Preview component","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://uxarya-components.framer.website/divider","target":"_blank"}}]}]}]},"author":{"framerUserId":"99280d50-d96a-4f30-9a6c-36cd84a4f304","name":"Utkarsh Arya","slug":"uxarya","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/99280d50-d96a-4f30-9a6c-36cd84a4f304/o5gd3xep","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/eA301bOgIwpEP9XZkboTPU13ctEl6EBu1BI8WR5HRU01k.m3u8","metadata":{"posterUrl":"https://image.mux.com/eA301bOgIwpEP9XZkboTPU13ctEl6EBu1BI8WR5HRU01k/thumbnail.webp?time=1.875","aspectRatio":"101:95","duration":9.016667}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":9,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-29T12:13:53.980Z","updatedAt":"2026-06-29T12:13:53.980Z"},{"id":"019e793b-f1d3-7ab2-a865-a6bed175130d","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"99280d50-d96a-4f30-9a6c-36cd84a4f304","name":"Utkarsh Arya","slug":"uxarya","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/99280d50-d96a-4f30-9a6c-36cd84a4f304/o5gd3xep","followed":false,"followsYou":false},"media":[],"resources":[{"id":"9UFqrLJzZlp2O8AG1sSd","resolved":true,"title":"Divider Pro","body":"$52","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Styles"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Straight – clean single line"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Dashed – configurable dash length and gap"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Dotted – configurable dot spacing"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Double – two parallel lines with adjustable gap"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Wavy – smooth sine wave with adjustable amplitude and cycle width"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Zig-Zag – angular pattern with adjustable amplitude and unit width. Supports rounded or sharp corners."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Hatch - Diagonal line pattern with adjustable thickness, gap and angle"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Features"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Gradient fill – set a start and end color across the divider length. Works across all styles."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Animation – animate dashed, dotted, and wavy styles in forward or reverse direction with configurable speed"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Cap styles – round, square, or flat line endings for dashed and wavy styles. Round cap also rounds zig-zag corners."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Dual orientation – horizontal or vertical, works in any layout Responsive – fills any frame size without distorting stroke thickness"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Properties"}],"attrs":{"level":1}},{"type":"customImage","attrs":{"alt":"","src":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-enqhrhak-dxqe4dGQREQxJEoSq7DlmnAI1ODnXn","link":null,"caption":"","uploadId":null}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Styles: Straight, Dashed, Dotted, Double, Wavy, Zig-Zag"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Orientation : Vertical, Horizontal"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Solid Color"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Gradient"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Thickness"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Opacity"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Cap Style : Round, Square, Flat"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Dash Length / Gap (For Dashed style)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Dot Spacing (For Dotted style)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Amplitude + Unit Width (For Wavy, Zig-Zag styles)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Animate : None, Forward, Reverse (Supported for Dashed, Dotted, Wavy styles)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Animation Speed"}]}]}]}]},"introduction":"The missing native Framer divider","slug":"divider-lines","author":{"framerUserId":"99280d50-d96a-4f30-9a6c-36cd84a4f304","name":"Utkarsh Arya","slug":"uxarya","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/99280d50-d96a-4f30-9a6c-36cd84a4f304/o5gd3xep","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/9UFqrLJzZlp2O8AG1sSd/divider-lines-cddqxxyjTX4VwOiHlbpNDj7iJkKRci","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-05-22T06:32:02.564Z","updatedAt":"2026-07-22T06:46:09.857Z","publishedAt":"2026-05-30T14:13:52.211Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://uxarya-components.framer.website/divider","price":"5","paymentUrl":"https://uxarya.lemonsqueezy.com/checkout/buy/8d0d562b-f096-4114-8cce-99381b3b47c6","workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"k5eojGJcJwZjSmlWsZRE","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:13:52.211Z","updatedAt":"2026-05-30T14:13:52.211Z"},{"id":"019e3a13-a073-7f69-b951-0f7e903cd50a","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"99280d50-d96a-4f30-9a6c-36cd84a4f304","name":"Utkarsh Arya","slug":"uxarya","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/99280d50-d96a-4f30-9a6c-36cd84a4f304/o5gd3xep","followed":false,"followsYou":false},"media":[],"resources":[{"id":"4ciPlP6npfDVKOYZUgIG","resolved":true,"title":"SVG Isometric 3D","body":"$53","bodyJson":null,"introduction":"Turn any SVG into an isometric 3D shape","slug":"svg-isometric-3d","author":{"framerUserId":"99280d50-d96a-4f30-9a6c-36cd84a4f304","name":"Utkarsh Arya","slug":"uxarya","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/99280d50-d96a-4f30-9a6c-36cd84a4f304/o5gd3xep","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/4ciPlP6npfDVKOYZUgIG/svg-isometric-3d-AJnIE2OON9BEiadAMbLtEafSHJqLLj","metadata":{"tint":{"h":84,"s":85,"l":35},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-04-27T07:26:13.316Z","updatedAt":"2026-05-18T07:53:40.172Z","publishedAt":"2026-05-18T07:53:45.331Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://sub.chujiqiqi.com/m/SVG-Isometric-3D-Jlconu.js@D8ZX2iQ4kSUvubCvQoFC","previewUrl":"https://spotless-operator-086579.framer.app/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"323e97d6-f443-488c-8661-794a9a83a20f","name":"Effects","slug":"effects"}],"lastSaveId":"D8ZX2iQ4kSUvubCvQoFC","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":9,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-05-18T07:53:45.331Z","updatedAt":"2026-05-18T07:53:45.331Z"},{"id":"019d900f-2aeb-7792-b042-5fe8c68cbaff","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"99280d50-d96a-4f30-9a6c-36cd84a4f304","name":"Utkarsh Arya","slug":"uxarya","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/99280d50-d96a-4f30-9a6c-36cd84a4f304/o5gd3xep","followed":false,"followsYou":false},"media":[],"resources":[{"id":"DyC6KDsqrlXyMN1qqCEh","resolved":true,"title":"Split Image Compare","body":"$54","bodyJson":null,"introduction":"Drag to reveal before & after images","slug":"split-image-compare","author":{"framerUserId":"99280d50-d96a-4f30-9a6c-36cd84a4f304","name":"Utkarsh Arya","slug":"uxarya","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/99280d50-d96a-4f30-9a6c-36cd84a4f304/o5gd3xep","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/DyC6KDsqrlXyMN1qqCEh/split-image-compare-ddDWevmcDltfs0MIAfB3PRmftUHJ9U","metadata":{"tint":{"h":0,"s":0,"l":16},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-04-03T11:05:54.760Z","updatedAt":"2026-08-20T05:51:47.566Z","publishedAt":"2026-04-15T07:33:26.379Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://sub.chujiqiqi.com/m/Split-Image-Compare-0gitj6.js@oX5RlzjwPt4BKJZyiYyJ","previewUrl":"https://uxarya-components.framer.website/split-image-compare","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"oX5RlzjwPt4BKJZyiYyJ","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":100,"liked":false},"comments":{"count":3},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-04-15T07:33:26.379Z","updatedAt":"2026-04-15T07:33:26.379Z"},{"id":"019d24d3-9096-7e36-b2a2-9216c8efbdfe","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"99280d50-d96a-4f30-9a6c-36cd84a4f304","name":"Utkarsh Arya","slug":"uxarya","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/99280d50-d96a-4f30-9a6c-36cd84a4f304/o5gd3xep","followed":false,"followsYou":false},"media":[],"resources":[{"id":"ec2vlwv4YaOlytArAk1z","resolved":true,"title":"SVG to 3D","body":"$55","bodyJson":null,"introduction":"Convert SVGs into interactive 3D objects","slug":"svg-to-3d","author":{"framerUserId":"99280d50-d96a-4f30-9a6c-36cd84a4f304","name":"Utkarsh Arya","slug":"uxarya","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/99280d50-d96a-4f30-9a6c-36cd84a4f304/o5gd3xep","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/ec2vlwv4YaOlytArAk1z/svg-to-3d-XiGp6lZNbPgHa3rlecmt1lnlynEVDM","metadata":{"tint":{"h":40,"s":47,"l":30},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-03-09T12:01:53.579Z","updatedAt":"2026-05-20T10:07:55.373Z","publishedAt":"2026-03-25T11:48:58.134Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://chatty-staple-007224.framer.app/","price":"5","paymentUrl":"https://uxarya.lemonsqueezy.com/checkout/buy/aeb0e851-125a-40d7-b995-d73fe5367305","workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"w5js6IqP2kDBuwrUgmWI","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-03-25T11:48:58.134Z","updatedAt":"2026-03-25T11:48:58.134Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L56"}]