4b:I[267044,["/creators-assets/_next/static/immutable/chunks/456dxp3afc8vw.js","/creators-assets/_next/static/immutable/chunks/2bxtessbrg0z1.js","/creators-assets/_next/static/immutable/chunks/0bntpu9zyiup3.js","/creators-assets/_next/static/immutable/chunks/3283ev4bymz-y.js","/creators-assets/_next/static/immutable/chunks/0_p7_rfyih3ce.js","/creators-assets/_next/static/immutable/chunks/24bk4ojcoor5n.js","/creators-assets/_next/static/immutable/chunks/3x7cofmdt-u_a.js","/creators-assets/_next/static/immutable/chunks/18e_sauhpyyit.js","/creators-assets/_next/static/immutable/chunks/13xqrk3e5k8yu.js","/creators-assets/_next/static/immutable/chunks/00hohn9l3ocx9.js","/creators-assets/_next/static/immutable/chunks/3oybmd01gs-b6.js","/creators-assets/_next/static/immutable/chunks/0vxt9zvn936s0.js","/creators-assets/_next/static/immutable/chunks/1yn3k6g09tq32.js","/creators-assets/_next/static/immutable/chunks/3ly-i84yiij4i.js","/creators-assets/_next/static/immutable/chunks/1cey7skpirawe.js","/creators-assets/_next/static/immutable/chunks/3fujn21cf_mt1.js","/creators-assets/_next/static/immutable/chunks/2n9qmawfhavju.js","/creators-assets/_next/static/immutable/chunks/0m8lhf01xskqj.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/3uo-268z2xnq9.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/2lxef2-u417vc.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/0mgwzh6o644jl.js","/creators-assets/_next/static/immutable/chunks/0feduxwyr82nv.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/3xmobvbzj3637.js","/creators-assets/_next/static/immutable/chunks/0h18ahbw9nndq.js","/creators-assets/_next/static/immutable/chunks/0toe1wcov_38e.js","/creators-assets/_next/static/immutable/chunks/110hzb6dmcbdr.js","/creators-assets/_next/static/immutable/chunks/0yqk60ay0h76r.js","/creators-assets/_next/static/immutable/chunks/1zt764sfv2wd7.js","/creators-assets/_next/static/immutable/chunks/3nd1mzwm7q_f7.js","/creators-assets/_next/static/immutable/chunks/046rld3pdrzo7.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/3gx0_q52o4oil.js","/creators-assets/_next/static/immutable/chunks/2warb3xv9rce7.js","/creators-assets/_next/static/immutable/chunks/0lmmb08iwroji.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js"],"S"] 4c:T90b,

Sillwork is a quiet, editorial Framer portfolio template for object designers and small studios. The whole site sits inside a diorama: a deep moulded frame with real walls, light and shadow, so every piece looks set in its own small room. Two built-in AI skills let you change the light of the entire site or add new pages, just by describing it to Framer's AI agent.

Perfect for

Furniture, lighting and object designers
Ceramicists and craft studios
Product and industrial designers
Designers and makers

What's Included

Home carousel built for your CMS
Objects index with hover previews
Object pages with specs and gallery
Contact page with enquiry form
Design system page and 404
Diorama frame code component
2 AI skills:/change-the-lightand/design-system

A Carousel Made for Your CMS

The Home carousel reads straight from your CMS. Add an object and it appears in the carousel, the index and its own page, with no layout to touch. Pieces bow like paper sheets as they move, the centre one grows under a lens and captions melt in as you drag or scroll. Left alone, it drifts.

Change the Light with /change-the-light

Ask for a winter morning, a storm or candlelight. The agent retunes the diorama and every colour together and keeps text readable. 12 lights are ready, from Overcast to Moonlight, Cyanotype and Black & White, or describe your own.

Build New Pages with /design-system

Describe the page you need and the agent writes the copy, builds it from the template's own styles and components, sets up tablet and phone, and checks it against the design rules. Every new page looks like it was always there.

A Diorama, Not a Background

The diorama is live code, not an image: moulded frame, recessed walls, frosted glass, grain and a soft parallax that follows the pointer. Every setting is a control in Framer.

Easy to Customise

Colours and text styles live in Framer Assets. Change Paper or Ink once and the whole site follows.

4d:T97d,

Noa Lind

A pixel-crafted Framer portfolio template for independent designers who want to show their work and book their next project from one site. Two built-in AI skills let you add pages and rebrand the whole template just by describing what you want to Framer’s AI agent.

Perfect for

Freelance designers
Brand and web designers
Product and UX designers
Creative professionals who sell services

What’s Included

CMS-powered case studies
Services, pricing and a pinned process timeline
Project enquiry form with live states
CV page and design system page
2 AI skills: /design-system and /rebrand
8 custom pixel code components

Build New Pages with /design-system

Describe the page you need and the agent plans it, builds it from the template’s own panels, styles and components, sets up tablet and phone, and checks it against the design rules. Every new page looks like it was always part of the site.

Rebrand in One Prompt with /rebrand

Name a colour, a font or both. The agent builds a full colour range from one shade, checks contrast for accessibility, swaps the fonts and updates every page, component and the design system.

See it rebranded:

A Pixel System, Not a Pixel Effect

Headlines rise out of drifting pixel fields, statements settle into words as you scroll, project covers build out of pixels and buttons dissolve on hover. All on one 8px grid, and every effect pauses off-screen to keep phones fast.

Details That Feel Finished

Copy-to-clipboard email
Live studio clock
Blinking availability status
Smooth scrolling
SEO-ready case studies with CMS titles and share images

Easy to Customise

Colours, text and link styles live in Framer Assets. Change a style once and the whole site follows, or let /rebrand do it for you.

4e:T772,

I wanted blinds on a website that actually feel like blinds. Visitors twist the wand to tilt the slats, pull the cord to raise them, and the light coming through changes as they go.

How it works

Twist the wand to tilt the slats
Pull the cord or drag the bottom rail to raise or lower
Tap the wand or cord to open or close fully

Triggers

Manual, Hover, On scroll or Scroll-linked
Action: tilt the slats or raise the blind
Direction: open or close
Section ID: let another section drive the blind, great for sticky layouts

Layout

Slat Count: Auto sizes slats like a real blind, or set your own
Scale: real cm per pixel
Wand side, Cord or Cordless

Style

Material: Walnut, Oak, White, Black or Custom
Ladders: cloth tapes or thin cords
Frame: optional, with color and width
Cast: optional light and slat shadows on the page
Rain: optional subtle drops on the glass
Dimensions: optional live width and height in cm, mm or in

Behavior

Speed and a soft slat sound

Setup

Drop it on the canvas and resize
Add an image for the view behind the glass
Pick a material and a trigger
For Cast or outside Dimensions, turn off Clip Content on the parent

Good to know

Calm photos with big shapes work best
The canvas shows a still preview. Motion, rain and sound run in Preview and live
Sound plays after the visitor's first click

4f:T501,

Glyph Trail turns an image into a field of small shapes and lets the cursor paint over it. Move the mouse and a trail of glyphs follows, then fades back into the pattern.

Every cell becomes a shape picked by how dark that spot is. Light areas get tiny dots, darker ones get pluses, crosses, rings and diamonds. The result looks like a dither but reads more like a pattern than pixels.

Drop in your own image, or leave it empty and use the built-in drifting gradient.

What you can customize

Four glyph sets: Mixed, Circles, Lines, Crosses
Three trail styles: Beads, Stars, Frames
Background, ink and trail colors
Cell size, contrast, brightness, invert
Trail radius, strength, fade time and spread
Drift speed of the built-in gradient
Option to turn the trail off on touch devices

See it in action - remix the example file

Works as a full-bleed background, so text and buttons on top stay clickable. Shows a still frame in the editor and comes alive in preview and on your site.

50:Ta63,

Glass Fold Ticker loops a row of images through a corridor that folds toward you. The middle stays flat, the edges break into angled glass panels that dim and catch the light as they turn. Drag it and throw it, or let it run on its own.

Images

Images. Up to 24, looped in the order you add them
Image Fit. Fill crops to the card, Fit shows the whole image

Layout

Card Width, Card Height. Match your image ratio
Gap. Space between cards. 0 for one continuous picture
Padding. Room above and below for the walls to lean into

Glass

Panels. Equal panels per card. More panels, smoother bend
Refract. Slides the picture inside each panel, breaking the image at the seams
Chroma. Prism fringe along the panel edges
Sheen. Reflection across each pane
Light. How much a panel dims as it turns away, equal on both walls
Edge, Edge Size. Seam line on the folds between panels

Depth

Flat Area. How much of the width stays flat before the fold starts
Angle. How far the walls turn. 0 is a flat ticker
Curve, Perspective. How soft the bend is, how close the camera sits
Walls. Fold toward you, or back like a curved screen

Behavior

Speed, Direction. Set Speed to 0 for a drag-only carousel
Drag. Drag and throw, then it glides back to auto speed
Hover. Slows smoothly to a stop while hovered

Setup

Drop it in and set the width to Fill
Add your images in the order they should run
Set Card Width and Card Height to your image ratio
Set Background to the colour behind the ticker
Tune Flat Area and Angle until the walls sit well

See it in action - remix the example file

Use images that share the same aspect ratio
Set Gap to 0 for slices of one picture
Leave top and bottom padding for the walls
Keep Panels between 4 and 6 for smoothness and speed

Don't

Don't mix aspect ratios, every card is the same size
Don't raise Refract when the images form one picture

4a:["$","$L4b",null,{"value":{"fallback":{"$inf$activity-creator-7adbc810-fb6d-488b-86fe-e018224298a7-all:/unified/creator/7adbc810-fb6d-488b-86fe-e018224298a7/activity/":[{"data":[{"id":"01a13a05-56f7-720c-bca9-5fad3b2e4676","type":"template.created","target":{"type":"template","id":"75850","preview":"Sillwork","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7adbc810-fb6d-488b-86fe-e018224298a7/01a139f8-50b2-70f8-96cd-766c6d36ee66.jpg","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"7adbc810-fb6d-488b-86fe-e018224298a7","name":"justyna","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7adbc810-fb6d-488b-86fe-e018224298a7/0u9fmrbp","slug":"justyna","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-10-14T10:46:30.903Z","latestAt":"2026-10-14T10:46:30.903Z"},{"id":"01a131d5-80c9-7042-8cdd-63ba23579082","type":"post.liked","target":{"type":"post","id":"01a13075-ee87-72a2-be81-9a592851d359","preview":"Meet GrowthLab — a ready-to-use Framer template built for marketing agencies, SEO experts, creative studios, and growth-focused businesses. Grab it: https://framer.link/nN4mCRR\n#Framer #FramerTemplate #MarketingAgency #WebDesign #marketing #agency #creative #studio #creativestudio #growth #seo #social #figma #ui #ux","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Meet GrowthLab — a ready-to-use Framer template built for marketing agencies, SEO experts, creative studios, and growth-focused businesses. Grab it: "},{"type":"text","text":"https://framer.link/nN4mCRR","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://framer.link/nN4mCRR","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"#Framer #FramerTemplate #MarketingAgency #WebDesign #marketing #agency #creative #studio #creativestudio #growth #seo #social #figma #ui #ux"}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/efdb59bf-1cf5-40ab-aa7a-6ef399df96c6/01a13075-9c69-748f-ace5-b5ffd07d49b1.png","targetDeleted":false,"owned":false,"actions":{"postId":"01a13075-ee87-72a2-be81-9a592851d359","like":{"count":13,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"7adbc810-fb6d-488b-86fe-e018224298a7","name":"justyna","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7adbc810-fb6d-488b-86fe-e018224298a7/0u9fmrbp","slug":"justyna","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-12T20:37:18.149Z","latestAt":"2026-10-12T20:37:18.149Z"},{"id":"01a131d4-969e-707a-adf1-77849d463658","type":"post.liked","target":{"type":"post","id":"01a131c3-ba8c-732a-9fc4-db53d4edecf7","preview":"💬 Reviews section\nSixth lesson on the Flowbit page\nThe testimonial goes under the gallery. Badge, heading, five stars, a quote, a name, and a photo\nSame section on light and dark","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"speech_balloon","emoji":"💬"}},{"type":"text","text":" Reviews section"}]},{"type":"paragraph","content":[{"type":"text","text":"Sixth lesson on the Flowbit page"}]},{"type":"paragraph","content":[{"type":"text","text":"The testimonial goes under the gallery. Badge, heading, five stars, a quote, a name, and a photo"}]},{"type":"paragraph","content":[{"type":"text","text":"Same section on light and dark"}]}]},"thumbnail":"https://image.mux.com/CgEFiDHbkvpRaCRNv9mSlQvH01RRpJCS7SIz602mDbhQo/thumbnail.webp?time=39.633","targetDeleted":false,"owned":false,"actions":{"postId":"01a131c3-ba8c-732a-9fc4-db53d4edecf7","like":{"count":12,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"7adbc810-fb6d-488b-86fe-e018224298a7","name":"justyna","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7adbc810-fb6d-488b-86fe-e018224298a7/0u9fmrbp","slug":"justyna","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-12T20:36:18.201Z","latestAt":"2026-10-12T20:36:18.201Z"},{"id":"01a131d4-83a1-7323-a0f1-1d955b2ef457","type":"component.liked","target":{"type":"component","id":"6PmyKXIXjskzxPMRh5DN","preview":"Doggy Style","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b6a63866-140d-4cff-93b5-0e45bae7a00d/01a131c3-8a2b-762b-aa0d-18f4862328fd.webp","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"7adbc810-fb6d-488b-86fe-e018224298a7","name":"justyna","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7adbc810-fb6d-488b-86fe-e018224298a7/0u9fmrbp","slug":"justyna","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-10-12T20:36:13.340Z","latestAt":"2026-10-12T20:36:13.340Z"},{"id":"01a11c9c-8ac4-75be-9b9d-5ec8d38bdf2c","type":"template.created","target":{"type":"template","id":"75239","preview":"Noa Lind","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7adbc810-fb6d-488b-86fe-e018224298a7/01a11c98-584f-7664-9ba7-1266102c28fd.jpg","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"7adbc810-fb6d-488b-86fe-e018224298a7","name":"justyna","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7adbc810-fb6d-488b-86fe-e018224298a7/0u9fmrbp","slug":"justyna","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-10-08T17:43:03.620Z","latestAt":"2026-10-08T17:43:03.620Z"},{"id":"01a11ba3-78b1-71ac-af42-3af779298eae","type":"comment.reply","target":{"type":"post","id":"01a1162b-211f-7012-bc7e-33cf92466660","preview":"day 9/100 of design engineering things in @Framer \nI decided to take my pixel navbar to the next level, and started creating a pixel crazy template based on this idea.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"day 9/100 of design engineering things in "},{"type":"mention","attrs":{"id":"a7cd9fe6-cf81-4a41-8e93-bca0291dba80","slug":"framer","label":"Framer","mentionSuggestionChar":"@"}},{"type":"text","text":" "}]},{"type":"paragraph","content":[{"type":"text","text":"I decided to take my pixel navbar to the next level, and started creating a pixel crazy template based on this idea. "}]}]},"thumbnail":"https://image.mux.com/JxcoUqdRnGfUcqMnjRmcvyI2uYXHpVDbVjKQUx2KgPY/thumbnail.webp?time=2.081","targetDeleted":false,"owned":true,"actions":{"postId":"01a1162b-211f-7012-bc7e-33cf92466660","like":{"count":6,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a11ba3-786d-7254-8b20-36a93d27e150","preview":"thank you! it's not that easy to keep up haha","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"thank you! it's not that easy to keep up haha"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a1162b-211f-7012-bc7e-33cf92466660","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a11af1-e695-775b-b25c-cdfd10f1e5ee"},"repost":null}},"actors":[{"id":"7adbc810-fb6d-488b-86fe-e018224298a7","name":"justyna","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7adbc810-fb6d-488b-86fe-e018224298a7/0u9fmrbp","slug":"justyna","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-08T13:11:00.529Z","latestAt":"2026-10-08T13:11:00.529Z"},{"id":"01a11ba3-38c0-7630-968b-b2dffedbfa09","type":"comment.liked","target":{"type":"comment","id":"01a11af1-e695-775b-b25c-cdfd10f1e5ee","preview":"Huge fan of this daily serie 🤩","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Huge fan of this daily serie "},{"type":"emoji","attrs":{"name":"star_struck","emoji":"🤩"}}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a1162b-211f-7012-bc7e-33cf92466660","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a11af1-e695-775b-b25c-cdfd10f1e5ee"},"repost":null}},"context":{"type":"post","id":"01a1162b-211f-7012-bc7e-33cf92466660","preview":"day 9/100 of design engineering things in @Framer \nI decided to take my pixel navbar to the next level, and started creating a pixel crazy template based on this idea.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"day 9/100 of design engineering things in "},{"type":"mention","attrs":{"id":"a7cd9fe6-cf81-4a41-8e93-bca0291dba80","slug":"framer","label":"Framer","mentionSuggestionChar":"@"}},{"type":"text","text":" "}]},{"type":"paragraph","content":[{"type":"text","text":"I decided to take my pixel navbar to the next level, and started creating a pixel crazy template based on this idea. "}]}]},"thumbnail":"https://image.mux.com/JxcoUqdRnGfUcqMnjRmcvyI2uYXHpVDbVjKQUx2KgPY/thumbnail.webp?time=2.081","targetDeleted":false,"owned":true,"actions":{"postId":"01a1162b-211f-7012-bc7e-33cf92466660","like":{"count":6,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"7adbc810-fb6d-488b-86fe-e018224298a7","name":"justyna","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7adbc810-fb6d-488b-86fe-e018224298a7/0u9fmrbp","slug":"justyna","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-08T13:10:44.153Z","latestAt":"2026-10-08T13:10:44.153Z"},{"id":"01a1121a-3176-751a-9d7f-1f3d17562582","type":"creator.followed","target":{"type":"creator","id":"83870c3c-6246-4103-8b85-032199bafb1b","preview":"Connor McKenzie (Kintsu Labs)","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/83870c3c-6246-4103-8b85-032199bafb1b/imosqc8l","slug":"connor-mckenzie","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"7adbc810-fb6d-488b-86fe-e018224298a7","name":"justyna","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7adbc810-fb6d-488b-86fe-e018224298a7/0u9fmrbp","slug":"justyna","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-06T16:44:28.912Z","latestAt":"2026-10-06T16:44:28.912Z"},{"id":"01a11218-14a8-778f-a219-9bdf5a153b5d","type":"comment.reply","target":{"type":"post","id":"01a11129-573b-75b8-9eb5-90e693841d7f","preview":"day 8/100 of design engineering things in @Framer \npixel navigation on my mind today, just an exploration but I think it has some potential","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"day 8/100 of design engineering things in "},{"type":"mention","attrs":{"id":"a7cd9fe6-cf81-4a41-8e93-bca0291dba80","slug":"framer","label":"Framer","mentionSuggestionChar":"@"}},{"type":"text","text":" "}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"pixel navigation on my mind today, just an exploration but I think it has some potential"}]}]},"thumbnail":"https://image.mux.com/yYtsKDeBDD00eJTwydmETUST00P8gkLfNgRxzMoGAJcBo/thumbnail.webp?time=1.39","targetDeleted":false,"owned":true,"actions":{"postId":"01a11129-573b-75b8-9eb5-90e693841d7f","like":{"count":19,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a11218-143e-74c8-8ce0-860da005b2c2","preview":"thank you! it's 'Syne Mono' :)","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"thank you! it's 'Syne Mono' :)"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a11129-573b-75b8-9eb5-90e693841d7f","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a11180-71e6-76f6-a004-99e73173182b"},"repost":null}},"actors":[{"id":"7adbc810-fb6d-488b-86fe-e018224298a7","name":"justyna","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7adbc810-fb6d-488b-86fe-e018224298a7/0u9fmrbp","slug":"justyna","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-06T16:42:10.472Z","latestAt":"2026-10-06T16:42:10.472Z"},{"id":"01a11217-96c7-70fb-9ab5-9dc444ece0d5","type":"comment.liked","target":{"type":"comment","id":"01a11180-71e6-76f6-a004-99e73173182b","preview":"Very cool! What typeface did you use here?","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Very cool! What typeface did you use here?"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a11129-573b-75b8-9eb5-90e693841d7f","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a11180-71e6-76f6-a004-99e73173182b"},"repost":null}},"context":{"type":"post","id":"01a11129-573b-75b8-9eb5-90e693841d7f","preview":"day 8/100 of design engineering things in @Framer \npixel navigation on my mind today, just an exploration but I think it has some potential","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"day 8/100 of design engineering things in "},{"type":"mention","attrs":{"id":"a7cd9fe6-cf81-4a41-8e93-bca0291dba80","slug":"framer","label":"Framer","mentionSuggestionChar":"@"}},{"type":"text","text":" "}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"pixel navigation on my mind today, just an exploration but I think it has some potential"}]}]},"thumbnail":"https://image.mux.com/yYtsKDeBDD00eJTwydmETUST00P8gkLfNgRxzMoGAJcBo/thumbnail.webp?time=1.39","targetDeleted":false,"owned":true,"actions":{"postId":"01a11129-573b-75b8-9eb5-90e693841d7f","like":{"count":19,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"7adbc810-fb6d-488b-86fe-e018224298a7","name":"justyna","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7adbc810-fb6d-488b-86fe-e018224298a7/0u9fmrbp","slug":"justyna","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-06T16:41:38.243Z","latestAt":"2026-10-06T16:41:38.243Z"},{"id":"01a10379-14dd-7019-9293-d3c65c1fc0d8","type":"creator.followed","target":{"type":"creator","id":"2962fc65-063f-4330-beb8-c5119114c9d0","preview":"Francisc Toth","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2962fc65-063f-4330-beb8-c5119114c9d0/d8tnin2c","slug":"frankie-expert-pro","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"7adbc810-fb6d-488b-86fe-e018224298a7","name":"justyna","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7adbc810-fb6d-488b-86fe-e018224298a7/0u9fmrbp","slug":"justyna","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-03T20:33:49.259Z","latestAt":"2026-10-03T20:33:49.259Z"},{"id":"01a0fbd3-0f02-71ad-bba8-a9d970ce05dd","type":"component.created","target":{"type":"component","id":"2ZCzMjE0TNS4bqETfvMy","preview":"Venetian Blinds","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7adbc810-fb6d-488b-86fe-e018224298a7/01a0fbd2-d678-717a-8721-252bb6093a5b.jpg","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"7adbc810-fb6d-488b-86fe-e018224298a7","name":"justyna","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7adbc810-fb6d-488b-86fe-e018224298a7/0u9fmrbp","slug":"justyna","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-10-02T08:55:08.290Z","latestAt":"2026-10-02T08:55:08.290Z"},{"id":"01a0f726-99ec-71dc-970c-37322c7f7052","type":"comment.reply","target":{"type":"post","id":"01a0f724-83be-74b9-8e61-1f95558e8c16","preview":"day 6/100 of design engineering things in @Framer \nShould I start messaging online blind stores to see if they want to use it? It's honestly so cool.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"day 6/100 of design engineering things in "},{"type":"mention","attrs":{"id":"a7cd9fe6-cf81-4a41-8e93-bca0291dba80","slug":"framer","label":"Framer","mentionSuggestionChar":"@"}},{"type":"text","text":" "}]},{"type":"paragraph","content":[{"type":"text","text":"Should I start messaging online blind stores to see if they want to use it? It's honestly so cool."}]}]},"thumbnail":"https://image.mux.com/5QjiFSrmwJBHpqxIvkEj302MnGOrHG01ydze7dbCR39MI/thumbnail.webp?time=1.3","targetDeleted":false,"owned":true,"actions":{"postId":"01a0f724-83be-74b9-8e61-1f95558e8c16","like":{"count":14,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a0f726-99d1-7073-9e3e-ec9886cf877f","preview":"thanks for the idea, I gave you some credit on X 😄","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"thanks for the idea, I gave you some credit on X "},{"type":"emoji","attrs":{"name":"smile","emoji":"😄"}},{"type":"text","text":" "}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a0f724-83be-74b9-8e61-1f95558e8c16","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a0f724-fe5a-76a7-a517-8ae5672fe946"},"repost":null}},"actors":[{"id":"7adbc810-fb6d-488b-86fe-e018224298a7","name":"justyna","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7adbc810-fb6d-488b-86fe-e018224298a7/0u9fmrbp","slug":"justyna","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-01T11:08:17.260Z","latestAt":"2026-10-01T11:08:17.260Z"},{"id":"01a0f695-167e-74bd-9e45-433c5e200d6a","type":"comment.reply","target":{"type":"post","id":"01a0dfaa-259d-744f-9731-d678171e0dda","preview":"day 2/100 of design engineering things in @Framer\nmade a divider you can actually pluck and it also reacts to scroll\nelastic line + elastic text, works for section breaks, portfolio titles, whatever you want\nwho wants the component? 👀","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"day 2/100 of design engineering things in "},{"type":"mention","attrs":{"id":"a7cd9fe6-cf81-4a41-8e93-bca0291dba80","slug":"framer","label":"Framer","mentionSuggestionChar":"@"}}]},{"type":"paragraph","content":[{"type":"text","text":"made a divider you can actually pluck and it also reacts to scroll"}]},{"type":"paragraph","content":[{"type":"text","text":"elastic line + elastic text, works for section breaks, portfolio titles, whatever you want"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"who wants the component? "},{"type":"emoji","attrs":{"name":"eyes","emoji":"👀"}}]}]},"thumbnail":"https://image.mux.com/8omkdnIFlBKjem7ChYBGvt3JgeRAfa5Hm4JL9546Ag8/thumbnail.webp?time=11.082","targetDeleted":false,"owned":true,"actions":{"postId":"01a0dfaa-259d-744f-9731-d678171e0dda","like":{"count":20,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a0f695-1646-76b9-bcfb-69fe1127a6d1","preview":"it's one shared step, but I have a property for how much % scrolling moves the string, so it can be quite a delicate effect if needed","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"it's one shared step, but I have a property for how much % scrolling moves the string, so it can be quite a delicate effect if needed"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a0dfaa-259d-744f-9731-d678171e0dda","like":{"count":0,"liked":false},"reply":{"parentCommentId":"01a0f649-7fcf-736d-b598-ee2cdd92deff"},"repost":null}},"actors":[{"id":"7adbc810-fb6d-488b-86fe-e018224298a7","name":"justyna","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7adbc810-fb6d-488b-86fe-e018224298a7/0u9fmrbp","slug":"justyna","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-01T08:29:20.894Z","latestAt":"2026-10-01T08:29:20.894Z"},{"id":"01a0dde8-9ac7-73fd-9830-e8c74547e60b","type":"comment.reply","target":{"type":"post","id":"01a0dd8e-a177-77d4-a4e7-dfe603267a50","preview":"Glyph Trail","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7adbc810-fb6d-488b-86fe-e018224298a7/01a0dd8d-c1ae-733a-bcb7-40601a4c0c0d.jpg","targetDeleted":false,"owned":true,"actions":{"postId":"01a0dd8e-a177-77d4-a4e7-dfe603267a50","like":{"count":8,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a0dde8-9aa8-7708-b8e4-0e01b4351798","preview":"cool! if you ever use it, would love to see it! 🔥","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"cool! if you ever use it, would love to see it! "},{"type":"emoji","attrs":{"name":"fire","emoji":"🔥"}}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a0dd8e-a177-77d4-a4e7-dfe603267a50","like":{"count":0,"liked":false},"reply":{"parentCommentId":"01a0dde7-5ac7-768e-af71-0ec5674277d7"},"repost":null}},"actors":[{"id":"7adbc810-fb6d-488b-86fe-e018224298a7","name":"justyna","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7adbc810-fb6d-488b-86fe-e018224298a7/0u9fmrbp","slug":"justyna","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-26T13:30:03.847Z","latestAt":"2026-09-26T13:30:03.847Z"},{"id":"01a0dde8-15af-71b9-a892-c06b24be910a","type":"comment.liked","target":{"type":"comment","id":"01a0dde7-5ac7-768e-af71-0ec5674277d7","preview":"Soo cool, have been looking for something like this!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Soo cool, have been looking for something like this!"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a0dd8e-a177-77d4-a4e7-dfe603267a50","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a0dde7-5ac7-768e-af71-0ec5674277d7"},"repost":null}},"context":{"type":"post","id":"01a0dd8e-a177-77d4-a4e7-dfe603267a50","preview":"Glyph Trail","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7adbc810-fb6d-488b-86fe-e018224298a7/01a0dd8d-c1ae-733a-bcb7-40601a4c0c0d.jpg","targetDeleted":false,"owned":true,"actions":{"postId":"01a0dd8e-a177-77d4-a4e7-dfe603267a50","like":{"count":8,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"7adbc810-fb6d-488b-86fe-e018224298a7","name":"justyna","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7adbc810-fb6d-488b-86fe-e018224298a7/0u9fmrbp","slug":"justyna","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-26T13:29:29.769Z","latestAt":"2026-09-26T13:29:29.769Z"},{"id":"01a0dd8e-a3b0-754f-ae9e-952d78e077bb","type":"component.created","target":{"type":"component","id":"W7GVKeL0PHO5Y7ihQdhb","preview":"Glyph Trail","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7adbc810-fb6d-488b-86fe-e018224298a7/01a0dd8d-c1ae-733a-bcb7-40601a4c0c0d.jpg","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"7adbc810-fb6d-488b-86fe-e018224298a7","name":"justyna","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7adbc810-fb6d-488b-86fe-e018224298a7/0u9fmrbp","slug":"justyna","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-09-26T11:51:47.888Z","latestAt":"2026-09-26T11:51:47.888Z"},{"id":"01a0d329-1c6b-7760-8223-194ad5005bb2","type":"component.created","target":{"type":"component","id":"qi8TmBFGLFfnCNf6kqix","preview":"Glass Fold Ticker","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7adbc810-fb6d-488b-86fe-e018224298a7/01a0d327-9256-74db-a022-c7123de04c03.jpg","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"7adbc810-fb6d-488b-86fe-e018224298a7","name":"justyna","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7adbc810-fb6d-488b-86fe-e018224298a7/0u9fmrbp","slug":"justyna","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-09-24T11:24:41.963Z","latestAt":"2026-09-24T11:24:41.963Z"},{"id":"01a0ce0d-8878-7524-ac56-75a887ba5563","type":"template.liked","target":{"type":"template","id":"73618","preview":"Sift","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a7cd9fe6-cf81-4a41-8e93-bca0291dba80/01a0cea1-4916-704f-984d-bc35beb2b1d2.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"7adbc810-fb6d-488b-86fe-e018224298a7","name":"justyna","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7adbc810-fb6d-488b-86fe-e018224298a7/0u9fmrbp","slug":"justyna","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-09-23T11:36:28.527Z","latestAt":"2026-09-23T11:36:28.527Z"},{"id":"01a0c313-efc7-7174-8ca6-786eda71b952","type":"creator.followed","target":{"type":"creator","id":"9102c71f-4221-480d-b436-98f595768139","preview":"Rob Hope","previewJson":null,"thumbnail":"https://framerusercontent.com/avatars/users/9102c71f-4221-480d-b436-98f595768139/J1JhOjpfz","slug":"robhope-framer","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"7adbc810-fb6d-488b-86fe-e018224298a7","name":"justyna","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7adbc810-fb6d-488b-86fe-e018224298a7/0u9fmrbp","slug":"justyna","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-21T08:27:38.820Z","latestAt":"2026-09-21T08:27:38.820Z"}],"pagination":{"next":"MjAyNi0wOS0yMVQwODoyNzozOC44MjBafDAxYTBjMzEzLWVmYzctNzE3NC04Y2E2LTc4NmVkYTcxYjk1Mg","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:7adbc810-fb6d-488b-86fe-e018224298a7:/unified/posts/?creator=7adbc810-fb6d-488b-86fe-e018224298a7&with=reposts":[{"data":[{"id":"01a13f1a-d117-75c8-91a3-37d84ef8e7d5","title":null,"body":"

day 14/100 of design engineering things in @Framer

the essence...

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"day 14/100 of design engineering things in "},{"type":"mention","attrs":{"id":"a7cd9fe6-cf81-4a41-8e93-bca0291dba80","slug":"framer","label":"Framer","mentionSuggestionChar":"@"}},{"type":"text","text":" "}]},{"type":"paragraph","content":[{"type":"text","text":"the essence..."}]}]},"author":{"framerUserId":"7adbc810-fb6d-488b-86fe-e018224298a7","name":"justyna","slug":"justyna","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7adbc810-fb6d-488b-86fe-e018224298a7/0u9fmrbp","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/016u2fu2KAKu3HaOD2UO3Vdd00N76011TFdnLsQ2JxetAU.m3u8","metadata":{"posterUrl":"https://image.mux.com/016u2fu2KAKu3HaOD2UO3Vdd00N76011TFdnLsQ2JxetAU/thumbnail.webp?time=8.4","aspectRatio":"1157:622","duration":9.716667}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":7,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-15T10:28:04.507Z","updatedAt":"2026-10-15T10:28:04.507Z","type":"post"},{"id":"01a13abd-7cbf-7513-b745-63c52f8ffcbc","title":null,"body":"

day 13/100 of design engineering things in @Framer

'what if I added a glass frame code component in a layout template?' possibilites are endless here, and I'm just getting started 👀

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"day 13/100 of design engineering things in "},{"type":"mention","attrs":{"id":"a7cd9fe6-cf81-4a41-8e93-bca0291dba80","slug":"framer","label":"Framer","mentionSuggestionChar":"@"}}]},{"type":"paragraph","content":[{"type":"text","text":"'what if I added a glass frame code component in a layout template?' possibilites are endless here, and I'm just getting started "},{"type":"emoji","attrs":{"name":"eyes","emoji":"👀"}}]}]},"author":{"framerUserId":"7adbc810-fb6d-488b-86fe-e018224298a7","name":"justyna","slug":"justyna","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7adbc810-fb6d-488b-86fe-e018224298a7/0u9fmrbp","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/rEArGLz02ppc02FDgoyX1ofwg8qOPYL4vcdKDxdAEc7mU.m3u8","metadata":{"posterUrl":"https://image.mux.com/rEArGLz02ppc02FDgoyX1ofwg8qOPYL4vcdKDxdAEc7mU/thumbnail.webp?time=2.982","aspectRatio":"659:418","duration":5.05}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-14T14:07:39.215Z","updatedAt":"2026-10-14T14:07:39.215Z","type":"post"},{"id":"01a13a05-5493-768c-84db-bc562dc6c62b","title":null,"body":"

Sillwork is live. A quiet portfolio for people who make objects, set inside a diorama: a moulded frame with real depth, light and shadow. The homepage carousel runs on the CMS, and two AI skills let you change the light of the whole site or add new pages just by asking Framer's agent.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Sillwork is live. A quiet portfolio for people who make objects, set inside a diorama: a moulded frame with real depth, light and shadow. The homepage carousel runs on the CMS, and two AI skills let you change the light of the whole site or add new pages just by asking Framer's agent."}]}]},"author":{"framerUserId":"7adbc810-fb6d-488b-86fe-e018224298a7","name":"justyna","slug":"justyna","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7adbc810-fb6d-488b-86fe-e018224298a7/0u9fmrbp","followed":false,"followsYou":false},"media":[],"resources":[{"id":"75850","resolved":true,"title":"Sillwork","body":"$4c","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Sillwork is a quiet, editorial Framer portfolio template for object designers and small studios. The whole site sits inside a diorama: a deep moulded frame with real walls, light and shadow, so every piece looks set in its own small room. Two built-in AI skills let you change the light of the entire site or add new pages, just by describing it to Framer's AI agent."}]},{"type":"customHeading","content":[{"type":"text","text":"Perfect for","marks":[{"type":"italic"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Furniture, lighting and object designers"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Ceramicists and craft studios"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Product and industrial designers"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Designers and makers"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"What's Included","marks":[{"type":"italic"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Home carousel built for your CMS"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Objects index with hover previews"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Object pages with specs and gallery"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Contact page with enquiry form"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Design system page and 404"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Diorama frame code component"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"2 AI skills:"},{"type":"text","text":"/change-the-light","marks":[{"type":"code"}]},{"type":"text","text":"and"},{"type":"text","text":"/design-system","marks":[{"type":"code"}]}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"A Carousel Made for Your CMS","marks":[{"type":"italic"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"The Home carousel reads straight from your CMS. Add an object and it appears in the carousel, the index and its own page, with no layout to touch. Pieces bow like paper sheets as they move, the centre one grows under a lens and captions melt in as you drag or scroll. Left alone, it drifts."}]},{"type":"customHeading","content":[{"type":"text","text":"Change the Light with /change-the-light","marks":[{"type":"italic"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Ask for a winter morning, a storm or candlelight. The agent retunes the diorama and every colour together and keeps text readable. 12 lights are ready, from Overcast to Moonlight, Cyanotype and Black & White, or describe your own."}]},{"type":"customHeading","content":[{"type":"text","text":"Build New Pages with /design-system","marks":[{"type":"italic"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Describe the page you need and the agent writes the copy, builds it from the template's own styles and components, sets up tablet and phone, and checks it against the design rules. Every new page looks like it was always there."}]},{"type":"customHeading","content":[{"type":"text","text":"A Diorama, Not a Background","marks":[{"type":"italic"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"The diorama is live code, not an image: moulded frame, recessed walls, frosted glass, grain and a soft parallax that follows the pointer. Every setting is a control in Framer."}]},{"type":"customHeading","content":[{"type":"text","text":"Easy to Customise","marks":[{"type":"italic"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Colours and text styles live in Framer Assets. Change Paper or Ink once and the whole site follows."}]}]},"introduction":"Object portfolio set in a diorama","slug":"sillwork","author":{"framerUserId":"7adbc810-fb6d-488b-86fe-e018224298a7","name":"justyna","slug":"justyna","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7adbc810-fb6d-488b-86fe-e018224298a7/0u9fmrbp","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/pioRZxraGYTH3fiXQIUUab7L2E9KDUVQZ6nkUrH7BM8.m3u8","metadata":{"posterUrl":"https://image.mux.com/pioRZxraGYTH3fiXQIUUab7L2E9KDUVQZ6nkUrH7BM8/thumbnail.webp?time=4.95","aspectRatio":"4:3","duration":10.633333}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7adbc810-fb6d-488b-86fe-e018224298a7/01a139f8-50b2-70f8-96cd-766c6d36ee66.jpg","metadata":{"tint":{"h":60,"s":13,"l":52},"width":3200,"height":2400}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7adbc810-fb6d-488b-86fe-e018224298a7/01a139f8-505c-75ea-852c-f76a2134ce55.jpg","metadata":{"tint":{"h":0,"s":0,"l":58},"width":3200,"height":2400}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7adbc810-fb6d-488b-86fe-e018224298a7/01a139f8-508c-701d-9438-e0df5fe9169b.jpg","metadata":{"tint":{"h":0,"s":0,"l":58},"width":3200,"height":2400}}],"post":null,"createdAt":"2026-10-14T10:46:29.600Z","updatedAt":"2026-10-14T11:18:29.517Z","publishedAt":"2026-10-14T10:46:29.596Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":null,"paymentUrl":"https://framer.link/sillwork","remixUrl":"https://framer.link/sillwork","previewUrl":"https://sillwork.framer.website/","categories":[{"id":218,"name":"Free","slug":"free-website-templates"}],"styles":[{"id":239,"name":"Monochromatic","slug":"monochromatic"},{"id":111,"name":"Minimal","slug":"minimal"},{"id":251,"name":"Retro","slug":"retro"}],"mainCategory":{"id":268,"name":"Designers","slug":"designers"},"features":[],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"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-10-14T10:46:30.291Z","updatedAt":"2026-10-14T10:46:30.291Z","type":"post"},{"id":"01a1351b-0e54-73cd-847b-0478d93d30f7","title":null,"body":"

day 12/100 of design engineering things in @framer

working on a new template with some cool code components and overrides.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"day 12/100 of design engineering things in @framer"}]},{"type":"paragraph","content":[{"type":"text","text":"working on a new template with some cool code components and overrides. "}]}]},"author":{"framerUserId":"7adbc810-fb6d-488b-86fe-e018224298a7","name":"justyna","slug":"justyna","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7adbc810-fb6d-488b-86fe-e018224298a7/0u9fmrbp","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/H2CD6ZSEkTGpTl0001Gv4QbZOeZP4Kl3XAngC3SSTBdyo.m3u8","metadata":{"posterUrl":"https://image.mux.com/H2CD6ZSEkTGpTl0001Gv4QbZOeZP4Kl3XAngC3SSTBdyo/thumbnail.webp?time=1.164","aspectRatio":"1334:857","duration":6.183333}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":6,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-13T11:52:08.045Z","updatedAt":"2026-10-13T11:52:08.045Z","type":"post"},{"id":"01a13051-e622-75b8-8ba8-b6a787c0f5e0","title":null,"body":"

day 11/100 of design engineering things in @Framer

exploring a glitch override today

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"day 11/100 of design engineering things in "},{"type":"mention","attrs":{"id":"a7cd9fe6-cf81-4a41-8e93-bca0291dba80","slug":"framer","label":"Framer","mentionSuggestionChar":"@"}},{"type":"text","text":" "}]},{"type":"paragraph","content":[{"type":"text","text":"exploring a glitch override today"}]}]},"author":{"framerUserId":"7adbc810-fb6d-488b-86fe-e018224298a7","name":"justyna","slug":"justyna","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7adbc810-fb6d-488b-86fe-e018224298a7/0u9fmrbp","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/J2WGXXfe4AhZyH9W7Ug02zDnSe8EJAOaiDpw9cy9L6RA.m3u8","metadata":{"posterUrl":"https://image.mux.com/J2WGXXfe4AhZyH9W7Ug02zDnSe8EJAOaiDpw9cy9L6RA/thumbnail.webp?time=0","aspectRatio":"57:40","duration":0.433333}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":17,"liked":false},"comments":{"count":3},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-12T13:33:56.134Z","updatedAt":"2026-10-12T13:33:56.134Z","type":"post"},{"id":"01a12077-5275-722a-a937-face16652bac","title":null,"body":"

8 code components in one template. I used to avoid that because code components usually can’t use your text styles, so rebranding was painful.

/rebrand skill handles every layer now. It costs about 200 credits in @Framer agent, and it’s even cheaper through Claude or Codex.

try it: https://framer.link/noalind

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"8 code components in one template. I used to avoid that because code components usually can’t use your text styles, so rebranding was painful."}]},{"type":"paragraph","content":[{"type":"text","text":"/rebrand skill handles every layer now. It costs about 200 credits in "},{"type":"mention","attrs":{"id":"a7cd9fe6-cf81-4a41-8e93-bca0291dba80","slug":"framer","label":"Framer","mentionSuggestionChar":"@"}},{"type":"text","text":" agent, and it’s even cheaper through Claude or Codex."}]},{"type":"paragraph","content":[{"type":"text","text":"try it: "},{"type":"text","text":"https://framer.link/noalind","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://framer.link/noalind","target":"_blank"}}]}]}]},"author":{"framerUserId":"7adbc810-fb6d-488b-86fe-e018224298a7","name":"justyna","slug":"justyna","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7adbc810-fb6d-488b-86fe-e018224298a7/0u9fmrbp","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/02II9DU02m01wycuPATbCHtpJN900erULzlkJyvNL2EdK800.m3u8","metadata":{"posterUrl":"https://image.mux.com/02II9DU02m01wycuPATbCHtpJN900erULzlkJyvNL2EdK800/thumbnail.webp?time=3.733","aspectRatio":"16:9","duration":15.066667}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-09T11:40:53.245Z","updatedAt":"2026-10-09T11:40:53.245Z","type":"post"},{"id":"01a11c9c-884c-74d8-8d54-bba94353a8a0","title":null,"body":"

Noa Lind is live. A pixel portfolio for designers with two built-in AI skills: build new pages with /design-system, rebrand the whole site in one prompt with /rebrand.

Have fun!

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Noa Lind is live.","marks":[{"type":"bold"}]},{"type":"text","text":" A pixel portfolio for designers with two built-in AI skills: build new pages with /design-system, rebrand the whole site in one prompt with /rebrand."}]},{"type":"paragraph","content":[{"type":"text","text":"Have fun!"}]}]},"author":{"framerUserId":"7adbc810-fb6d-488b-86fe-e018224298a7","name":"justyna","slug":"justyna","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7adbc810-fb6d-488b-86fe-e018224298a7/0u9fmrbp","followed":false,"followsYou":false},"media":[],"resources":[{"id":"75239","resolved":true,"title":"Noa Lind","body":"$4d","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Noa Lind"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"A pixel-crafted Framer portfolio template for independent designers who want to show their work and book their next project from one site. Two built-in AI skills let you add pages and rebrand the whole template just by describing what you want to Framer’s AI agent."}]},{"type":"customHeading","content":[{"type":"text","text":"Perfect for"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Freelance designers"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Brand and web designers"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Product and UX designers"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Creative professionals who sell services"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"What’s Included"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"CMS-powered case studies"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Services, pricing and a pinned process timeline"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Project enquiry form with live states"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"CV page and design system page"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"2 AI skills: "},{"type":"text","text":"/design-system","marks":[{"type":"bold"}]},{"type":"text","text":" and "},{"type":"text","text":"/rebrand","marks":[{"type":"bold"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"8 custom pixel code components"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Build New Pages with /design-system"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Describe the page you need and the agent plans it, builds it from the template’s own panels, styles and components, sets up tablet and phone, and checks it against the design rules. Every new page looks like it was always part of the site."}]},{"type":"customHeading","content":[{"type":"text","text":"Rebrand in One Prompt with /rebrand"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Name a colour, a font or both. The agent builds a full colour range from one shade, checks contrast for accessibility, swaps the fonts and updates every page, component and the design system."}]},{"type":"paragraph","content":[{"type":"text","text":"See it rebranded:"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Pink + Chivo Mono","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://glorious-autonomy-304169.framer.app/","target":"_blank"}}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Green + Space Mono","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://ineffable-reassurance-229469.framer.app/","target":"_blank"}}]}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"A Pixel System, Not a Pixel Effect"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Headlines rise out of drifting pixel fields, statements settle into words as you scroll, project covers build out of pixels and buttons dissolve on hover. All on one 8px grid, and every effect pauses off-screen to keep phones fast."}]},{"type":"customHeading","content":[{"type":"text","text":"Details That Feel Finished"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Copy-to-clipboard email"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Live studio clock"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Blinking availability status"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smooth scrolling"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"SEO-ready case studies with CMS titles and share images"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Easy to Customise"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Colours, text and link styles live in Framer Assets. Change a style once and the whole site follows, or let /rebrand do it for you."}]}]},"introduction":"Pixel portfolio with AI skills","slug":"noa-lind","author":{"framerUserId":"7adbc810-fb6d-488b-86fe-e018224298a7","name":"justyna","slug":"justyna","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7adbc810-fb6d-488b-86fe-e018224298a7/0u9fmrbp","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7adbc810-fb6d-488b-86fe-e018224298a7/01a11c98-584f-7664-9ba7-1266102c28fd.jpg","metadata":{"tint":{"h":0,"s":0,"l":9},"width":3200,"height":2400}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7adbc810-fb6d-488b-86fe-e018224298a7/01a11c98-58c8-7631-aac2-481a1cd1a4c5.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":3200,"height":2400}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7adbc810-fb6d-488b-86fe-e018224298a7/01a11cba-558f-753f-9a00-eba83e90120c.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":3200,"height":2400}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7adbc810-fb6d-488b-86fe-e018224298a7/01a11c98-5853-7063-b4ae-ab9f7c1ee76d.jpg","metadata":{"tint":{"h":0,"s":0,"l":9},"width":3200,"height":2400}}],"post":null,"createdAt":"2026-10-08T17:43:02.328Z","updatedAt":"2026-10-08T18:18:05.533Z","publishedAt":"2026-10-08T17:43:02.325Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":null,"paymentUrl":"https://framer.link/noalind","remixUrl":"https://framer.link/noalind","previewUrl":"https://noa-lind.framer.website/","categories":[{"id":218,"name":"Free","slug":"free-website-templates"}],"styles":[{"id":239,"name":"Monochromatic","slug":"monochromatic"},{"id":109,"name":"Modern","slug":"modern"},{"id":110,"name":"Animated","slug":"animated"}],"mainCategory":{"id":19,"name":"Portfolio","slug":"portfolio"},"features":[],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"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-10-08T17:43:02.988Z","updatedAt":"2026-10-08T17:43:02.988Z","type":"post"},{"id":"01a11ba1-5afc-767e-b593-1a924b9f21cd","title":null,"body":"

day 10/100 of design engineering things in @Framer

I might be releasing a new template today. I've been working on it for some time, but the pixels finally made it come together.

It will have/rebrand and /design-system skills, which I'm perfecting right now. 👀

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"day 10/100 of design engineering things in "},{"type":"mention","attrs":{"id":"a7cd9fe6-cf81-4a41-8e93-bca0291dba80","slug":"framer","label":"Framer","mentionSuggestionChar":"@"}},{"type":"text","text":" "}]},{"type":"paragraph","content":[{"type":"text","text":"I might be releasing a new template today. I've been working on it for some time, but the pixels finally made it come together."}]},{"type":"paragraph","content":[{"type":"text","text":"It will have/rebrand and /design-system skills, which I'm perfecting right now. "},{"type":"emoji","attrs":{"name":"eyes","emoji":"👀"}}]}]},"author":{"framerUserId":"7adbc810-fb6d-488b-86fe-e018224298a7","name":"justyna","slug":"justyna","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7adbc810-fb6d-488b-86fe-e018224298a7/0u9fmrbp","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/GGbB00Nlw00oPlI10101v9EdDEVbTl51eEc6wn0281HL6ILE.m3u8","metadata":{"posterUrl":"https://image.mux.com/GGbB00Nlw00oPlI10101v9EdDEVbTl51eEc6wn0281HL6ILE/thumbnail.webp?time=1.225","aspectRatio":"1201:840","duration":7.683333}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-08T13:08:41.854Z","updatedAt":"2026-10-08T13:08:41.854Z","type":"post"},{"id":"01a1162b-211f-7012-bc7e-33cf92466660","title":null,"body":"

day 9/100 of design engineering things in @Framer

I decided to take my pixel navbar to the next level, and started creating a pixel crazy template based on this idea.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"day 9/100 of design engineering things in "},{"type":"mention","attrs":{"id":"a7cd9fe6-cf81-4a41-8e93-bca0291dba80","slug":"framer","label":"Framer","mentionSuggestionChar":"@"}},{"type":"text","text":" "}]},{"type":"paragraph","content":[{"type":"text","text":"I decided to take my pixel navbar to the next level, and started creating a pixel crazy template based on this idea. "}]}]},"author":{"framerUserId":"7adbc810-fb6d-488b-86fe-e018224298a7","name":"justyna","slug":"justyna","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7adbc810-fb6d-488b-86fe-e018224298a7/0u9fmrbp","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/JxcoUqdRnGfUcqMnjRmcvyI2uYXHpVDbVjKQUx2KgPY.m3u8","metadata":{"posterUrl":"https://image.mux.com/JxcoUqdRnGfUcqMnjRmcvyI2uYXHpVDbVjKQUx2KgPY/thumbnail.webp?time=2.081","aspectRatio":"1438:841","duration":7.15}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":6,"liked":false},"comments":{"count":3},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-07T11:41:27.716Z","updatedAt":"2026-10-07T11:41:27.716Z","type":"post"},{"id":"01a11129-573b-75b8-9eb5-90e693841d7f","title":null,"body":"

day 8/100 of design engineering things in @Framer

pixel navigation on my mind today, just an exploration but I think it has some potential

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"day 8/100 of design engineering things in "},{"type":"mention","attrs":{"id":"a7cd9fe6-cf81-4a41-8e93-bca0291dba80","slug":"framer","label":"Framer","mentionSuggestionChar":"@"}},{"type":"text","text":" "}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"pixel navigation on my mind today, just an exploration but I think it has some potential"}]}]},"author":{"framerUserId":"7adbc810-fb6d-488b-86fe-e018224298a7","name":"justyna","slug":"justyna","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7adbc810-fb6d-488b-86fe-e018224298a7/0u9fmrbp","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/yYtsKDeBDD00eJTwydmETUST00P8gkLfNgRxzMoGAJcBo.m3u8","metadata":{"posterUrl":"https://image.mux.com/yYtsKDeBDD00eJTwydmETUST00P8gkLfNgRxzMoGAJcBo/thumbnail.webp?time=1.39","aspectRatio":"1197:841","duration":4.933333}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":19,"liked":false},"comments":{"count":5},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-06T12:21:24.414Z","updatedAt":"2026-10-06T12:21:24.414Z","type":"post"},{"id":"01a0fc3a-ac94-760f-8db2-1eaaa7e5ef7d","title":null,"body":"

day 7/100 of design engineering things in @Framer

today, I've made a component that takes an SVG, turns it into many little dashes, and you can scatter/assemble it on hover, click, appear, or scroll.

should I release it on the marketplace? 👀

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"day 7/100 of design engineering things in "},{"type":"mention","attrs":{"id":"a7cd9fe6-cf81-4a41-8e93-bca0291dba80","slug":"framer","label":"Framer","mentionSuggestionChar":"@"}}]},{"type":"paragraph","content":[{"type":"text","text":"today, I've made a component that takes an SVG, turns it into many little dashes, and you can scatter/assemble it on hover, click, appear, or scroll."}]},{"type":"paragraph","content":[{"type":"text","text":"should I release it on the marketplace? "},{"type":"emoji","attrs":{"name":"eyes","emoji":"👀"}}]}]},"author":{"framerUserId":"7adbc810-fb6d-488b-86fe-e018224298a7","name":"justyna","slug":"justyna","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7adbc810-fb6d-488b-86fe-e018224298a7/0u9fmrbp","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/z02oM00jVSrDupk6UfA2rsgLM1XPeuC67NVwAd9KYBZ7c.m3u8","metadata":{"posterUrl":"https://image.mux.com/z02oM00jVSrDupk6UfA2rsgLM1XPeuC67NVwAd9KYBZ7c/thumbnail.webp?time=1.333","aspectRatio":"218:197","duration":10.033333}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":7,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-02T10:48:18.849Z","updatedAt":"2026-10-02T10:48:18.849Z","type":"post"},{"id":"01a0fbd3-0ca6-757a-9f62-f72cee574204","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"7adbc810-fb6d-488b-86fe-e018224298a7","name":"justyna","slug":"justyna","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7adbc810-fb6d-488b-86fe-e018224298a7/0u9fmrbp","followed":false,"followsYou":false},"media":[],"resources":[{"id":"2ZCzMjE0TNS4bqETfvMy","resolved":true,"title":"Venetian Blinds","body":"$4e","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"I wanted blinds on a website that actually feel like blinds. Visitors twist the wand to tilt the slats, pull the cord to raise them, and the light coming through changes as they go."}]},{"type":"paragraph","content":[{"type":"text","text":"How it works","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Twist the wand to tilt the slats"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Pull the cord or drag the bottom rail to raise or lower"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Tap the wand or cord to open or close fully"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Triggers","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Manual, Hover, On scroll or Scroll-linked"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Action: tilt the slats or raise the blind"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Direction: open or close"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Section ID: let another section drive the blind, great for sticky layouts"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Layout","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Slat Count: Auto sizes slats like a real blind, or set your own"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Scale: real cm per pixel"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Wand side, Cord or Cordless"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Style","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Material: Walnut, Oak, White, Black or Custom"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Ladders: cloth tapes or thin cords"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Frame: optional, with color and width"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Cast: optional light and slat shadows on the page"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Rain: optional subtle drops on the glass"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Dimensions: optional live width and height in cm, mm or in"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Behavior","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Speed and a soft slat sound"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Setup","marks":[{"type":"bold"}]}]},{"type":"orderedList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Drop it on the canvas and resize"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Add an image for the view behind the glass"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Pick a material and a trigger"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"For Cast or outside Dimensions, turn off Clip Content on the parent"}]}]}],"attrs":{"type":null,"start":1}},{"type":"paragraph","content":[{"type":"text","text":"Good to know","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Calm photos with big shapes work best"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"The canvas shows a still preview. Motion, rain and sound run in Preview and live"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Sound plays after the visitor's first click"}]}]}]}]},"introduction":"Tilt, raise and scroll","slug":"venetian-blinds","author":{"framerUserId":"7adbc810-fb6d-488b-86fe-e018224298a7","name":"justyna","slug":"justyna","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7adbc810-fb6d-488b-86fe-e018224298a7/0u9fmrbp","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7adbc810-fb6d-488b-86fe-e018224298a7/01a0fbd2-d678-717a-8721-252bb6093a5b.jpg","metadata":{"tint":{"h":0,"s":0,"l":58},"width":3200,"height":2400}}],"post":null,"createdAt":"2026-10-02T08:55:07.054Z","updatedAt":"2026-10-02T09:01:25.614Z","publishedAt":"2026-10-02T08:55:07.050Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/VenetianBlinds-UjYxNB.js@EvPkMiiwnZrjfKzHD5mF","previewUrl":"https://venetian-blinds.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"EvPkMiiwnZrjfKzHD5mF","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-02T08:55:07.686Z","updatedAt":"2026-10-02T08:55:07.686Z","type":"post"},{"id":"01a0f724-83be-74b9-8e61-1f95558e8c16","title":null,"body":"

day 6/100 of design engineering things in @Framer

Should I start messaging online blind stores to see if they want to use it? It's honestly so cool.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"day 6/100 of design engineering things in "},{"type":"mention","attrs":{"id":"a7cd9fe6-cf81-4a41-8e93-bca0291dba80","slug":"framer","label":"Framer","mentionSuggestionChar":"@"}},{"type":"text","text":" "}]},{"type":"paragraph","content":[{"type":"text","text":"Should I start messaging online blind stores to see if they want to use it? It's honestly so cool."}]}]},"author":{"framerUserId":"7adbc810-fb6d-488b-86fe-e018224298a7","name":"justyna","slug":"justyna","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7adbc810-fb6d-488b-86fe-e018224298a7/0u9fmrbp","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/5QjiFSrmwJBHpqxIvkEj302MnGOrHG01ydze7dbCR39MI.m3u8","metadata":{"posterUrl":"https://image.mux.com/5QjiFSrmwJBHpqxIvkEj302MnGOrHG01ydze7dbCR39MI/thumbnail.webp?time=1.3","aspectRatio":"3:2","duration":9.133333}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":14,"liked":false},"comments":{"count":5},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-01T11:06:00.514Z","updatedAt":"2026-10-01T11:06:00.514Z","type":"post"},{"id":"01a0f20e-e05a-74ce-8c65-3ac98e917b20","title":null,"body":"

day 5/100 of design engineering things in @Framer

who wants to play?

https://soft-light-lamp.framer.website

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"day 5/100 of design engineering things in "},{"type":"mention","attrs":{"id":"a7cd9fe6-cf81-4a41-8e93-bca0291dba80","slug":"framer","label":"Framer","mentionSuggestionChar":"@"}},{"type":"text","text":" "}]},{"type":"paragraph","content":[{"type":"text","text":"who wants to play?"}]},{"type":"paragraph","content":[{"type":"text","text":"https://soft-light-lamp.framer.website","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://soft-light-lamp.framer.website","target":"_blank"}}]}]}]},"author":{"framerUserId":"7adbc810-fb6d-488b-86fe-e018224298a7","name":"justyna","slug":"justyna","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7adbc810-fb6d-488b-86fe-e018224298a7/0u9fmrbp","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/xtID7BlnNj00g1BhjpUWhrFzS012Xjkq2DMpw48nA4EHc.m3u8","metadata":{"posterUrl":"https://image.mux.com/xtID7BlnNj00g1BhjpUWhrFzS012Xjkq2DMpw48nA4EHc/thumbnail.webp?time=2.462","aspectRatio":"1197:800","duration":6.966667}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":12,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-30T11:24:16.350Z","updatedAt":"2026-09-30T11:24:16.350Z","type":"post"},{"id":"01a0eee4-45da-7550-af92-e79c0d4423fe","title":null,"body":"

day 4/100 of design engineering things in @Framer

"hey claude, I'll give you a flower svg, create me a cool flower meadow, add some grass, make it move on hover and generate it as a framer code component"

yeah it was not so easy, I had to go back and forth with claude for around 2 hours but I'm pretty happy with this effect 🌸

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"day 4/100 of design engineering things in "},{"type":"mention","attrs":{"id":"a7cd9fe6-cf81-4a41-8e93-bca0291dba80","slug":"framer","label":"Framer","mentionSuggestionChar":"@"}}]},{"type":"paragraph","content":[{"type":"text","text":"\"hey claude, I'll give you a flower svg, create me a cool flower meadow, add some grass, make it move on hover and generate it as a framer code component\""}]},{"type":"paragraph","content":[{"type":"text","text":"yeah it was not so easy, I had to go back and forth with claude for around 2 hours but I'm pretty happy with this effect "},{"type":"emoji","attrs":{"name":"cherry_blossom","emoji":"🌸"}}]}]},"author":{"framerUserId":"7adbc810-fb6d-488b-86fe-e018224298a7","name":"justyna","slug":"justyna","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7adbc810-fb6d-488b-86fe-e018224298a7/0u9fmrbp","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/ZkaRIoxObDYElz8H9fjhfAid8tZfNHpMiLNlJayVpRw.m3u8","metadata":{"posterUrl":"https://image.mux.com/ZkaRIoxObDYElz8H9fjhfAid8tZfNHpMiLNlJayVpRw/thumbnail.webp?time=4.128","aspectRatio":"1197:800","duration":7}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":12,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-29T20:38:52.638Z","updatedAt":"2026-09-29T20:38:52.638Z","type":"post"},{"id":"01a0ea3e-956c-757d-91eb-b4d5f5fc22a9","title":null,"body":"

day 3/100 of design engineering things in @Framer

don't ask me how much time I spent building this component and it's still not ready

what I got so far:

- ability to add images wherever you want

- flexible sizing for all screens

- 3 types of gradients

- noise

- hover trail

- variety of patterns

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"day 3/100 of design engineering things in "},{"type":"mention","attrs":{"id":"a7cd9fe6-cf81-4a41-8e93-bca0291dba80","slug":"framer","label":"Framer","mentionSuggestionChar":"@"}}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"don't ask me how much time I spent building this component and it's still not ready"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"what I got so far:"}]},{"type":"paragraph","content":[{"type":"text","text":"- ability to add images wherever you want"}]},{"type":"paragraph","content":[{"type":"text","text":"- flexible sizing for all screens"}]},{"type":"paragraph","content":[{"type":"text","text":"- 3 types of gradients"}]},{"type":"paragraph","content":[{"type":"text","text":"- noise"}]},{"type":"paragraph","content":[{"type":"text","text":"- hover trail"}]},{"type":"paragraph","content":[{"type":"text","text":"- variety of patterns"}]}]},"author":{"framerUserId":"7adbc810-fb6d-488b-86fe-e018224298a7","name":"justyna","slug":"justyna","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7adbc810-fb6d-488b-86fe-e018224298a7/0u9fmrbp","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7adbc810-fb6d-488b-86fe-e018224298a7/01a0ea3e-6030-77b9-8fad-e9106c3c61b0.png","metadata":{"tint":{"h":0,"s":0,"l":9},"width":2630,"height":1312}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":12,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-28T22:59:25.168Z","updatedAt":"2026-09-28T22:59:25.168Z","type":"post"},{"id":"01a0dfaa-259d-744f-9731-d678171e0dda","title":null,"body":"

day 2/100 of design engineering things in @Framer

made a divider you can actually pluck and it also reacts to scroll

elastic line + elastic text, works for section breaks, portfolio titles, whatever you want

who wants the component? 👀

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"day 2/100 of design engineering things in "},{"type":"mention","attrs":{"id":"a7cd9fe6-cf81-4a41-8e93-bca0291dba80","slug":"framer","label":"Framer","mentionSuggestionChar":"@"}}]},{"type":"paragraph","content":[{"type":"text","text":"made a divider you can actually pluck and it also reacts to scroll"}]},{"type":"paragraph","content":[{"type":"text","text":"elastic line + elastic text, works for section breaks, portfolio titles, whatever you want"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"who wants the component? "},{"type":"emoji","attrs":{"name":"eyes","emoji":"👀"}}]}]},"author":{"framerUserId":"7adbc810-fb6d-488b-86fe-e018224298a7","name":"justyna","slug":"justyna","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7adbc810-fb6d-488b-86fe-e018224298a7/0u9fmrbp","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/8omkdnIFlBKjem7ChYBGvt3JgeRAfa5Hm4JL9546Ag8.m3u8","metadata":{"posterUrl":"https://image.mux.com/8omkdnIFlBKjem7ChYBGvt3JgeRAfa5Hm4JL9546Ag8/thumbnail.webp?time=11.082","aspectRatio":"1138:815","duration":14.733333}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":20,"liked":false},"comments":{"count":4},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-26T21:41:05.057Z","updatedAt":"2026-09-26T21:41:05.057Z","type":"post"},{"id":"01a0dd8e-a177-77d4-a4e7-dfe603267a50","title":null,"body":"

glyph trail just landed on the marketplace

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"glyph trail just landed on the marketplace"}]}]},"author":{"framerUserId":"7adbc810-fb6d-488b-86fe-e018224298a7","name":"justyna","slug":"justyna","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7adbc810-fb6d-488b-86fe-e018224298a7/0u9fmrbp","followed":false,"followsYou":false},"media":[],"resources":[{"id":"W7GVKeL0PHO5Y7ihQdhb","resolved":true,"title":"Glyph Trail","body":"$4f","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Glyph Trail turns an image into a field of small shapes and lets the cursor paint over it. Move the mouse and a trail of glyphs follows, then fades back into the pattern."}]},{"type":"paragraph","content":[{"type":"text","text":"Every cell becomes a shape picked by how dark that spot is. Light areas get tiny dots, darker ones get pluses, crosses, rings and diamonds. The result looks like a dither but reads more like a pattern than pixels."}]},{"type":"paragraph","content":[{"type":"text","text":"Drop in your own image, or leave it empty and use the built-in drifting gradient."}]},{"type":"paragraph","content":[{"type":"text","text":"What you can customize","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Four glyph sets: Mixed, Circles, Lines, Crosses"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Three trail styles: Beads, Stars, Frames"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Background, ink and trail colors"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Cell size, contrast, brightness, invert"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Trail radius, strength, fade time and spread"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Drift speed of the built-in gradient"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Option to turn the trail off on touch devices"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"See it in action - ","marks":[{"type":"bold"}]},{"type":"text","text":"remix the example file","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://framer.link/glyph-trail-hero","target":"_blank"}},{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Works as a full-bleed background, so text and buttons on top stay clickable. Shows a still frame in the editor and comes alive in preview and on your site."}]}]},"introduction":"Turn any image into shapes","slug":"glyph-trail","author":{"framerUserId":"7adbc810-fb6d-488b-86fe-e018224298a7","name":"justyna","slug":"justyna","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7adbc810-fb6d-488b-86fe-e018224298a7/0u9fmrbp","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7adbc810-fb6d-488b-86fe-e018224298a7/01a0dd8d-c1ae-733a-bcb7-40601a4c0c0d.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":3200,"height":2400}}],"post":null,"createdAt":"2026-09-26T11:51:46.746Z","updatedAt":"2026-09-26T11:51:46.746Z","publishedAt":"2026-09-26T11:51:46.743Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/Glyph-Trail-IibOD8.js@mcfjQvnnHs7ZBfjTsYps","previewUrl":"https://glyph-trail.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"1a3a0eb3-698e-461a-bf42-2502a7ed43e0","name":"Backgrounds","slug":"backgrounds"}],"lastSaveId":"mcfjQvnnHs7ZBfjTsYps","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":8,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-26T11:51:47.319Z","updatedAt":"2026-09-26T11:51:47.319Z","type":"post"},{"id":"01a0d88e-a181-75ac-a0eb-557fd273ba64","title":null,"body":"

day 1/100 of design engineering things in @Framer

hero section, ready to use. glyph trail included

https://framer.link/glyph-trail-hero

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"day 1/100 of design engineering things in "},{"type":"mention","attrs":{"id":"a7cd9fe6-cf81-4a41-8e93-bca0291dba80","slug":"framer","label":"Framer","mentionSuggestionChar":"@"}}]},{"type":"paragraph","content":[{"type":"text","text":"hero section, ready to use. glyph trail included"}]},{"type":"paragraph","content":[{"type":"text","text":"https://framer.link/glyph-trail-hero","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://framer.link/glyph-trail-hero","target":"_blank"}}]}]}]},"author":{"framerUserId":"7adbc810-fb6d-488b-86fe-e018224298a7","name":"justyna","slug":"justyna","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7adbc810-fb6d-488b-86fe-e018224298a7/0u9fmrbp","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/GsTD00n202siyKco61p9o01KedIQfGsRQi2p169006LIZDo.m3u8","metadata":{"posterUrl":"https://image.mux.com/GsTD00n202siyKco61p9o01KedIQfGsRQi2p169006LIZDo/thumbnail.webp?time=2.19","aspectRatio":"1341:797","duration":5.716667}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":13,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-25T12:33:41.254Z","updatedAt":"2026-09-25T12:33:41.254Z","type":"post"},{"id":"01a0d329-1a3d-72a0-a972-63fb2db4510a","title":null,"body":"

New component: Glass Fold Ticker.

Your images, folded into a corridor of glass panels. Flat through the middle, angled at the edges.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"New component: Glass Fold Ticker."}]},{"type":"paragraph","content":[{"type":"text","text":"Your images, folded into a corridor of glass panels. Flat through the middle, angled at the edges."}]}]},"author":{"framerUserId":"7adbc810-fb6d-488b-86fe-e018224298a7","name":"justyna","slug":"justyna","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7adbc810-fb6d-488b-86fe-e018224298a7/0u9fmrbp","followed":false,"followsYou":false},"media":[],"resources":[{"id":"qi8TmBFGLFfnCNf6kqix","resolved":true,"title":"Glass Fold Ticker","body":"$50","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Glass Fold Ticker loops a row of images through a corridor that folds toward you. The middle stays flat, the edges break into angled glass panels that dim and catch the light as they turn. Drag it and throw it, or let it run on its own."}]},{"type":"paragraph","content":[{"type":"text","text":"Images","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Images. Up to 24, looped in the order you add them"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Image Fit. Fill crops to the card, Fit shows the whole image"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Layout","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Card Width, Card Height. Match your image ratio"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Gap. Space between cards. 0 for one continuous picture"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Padding. Room above and below for the walls to lean into"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Glass","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Panels. Equal panels per card. More panels, smoother bend"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Refract. Slides the picture inside each panel, breaking the image at the seams"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Chroma. Prism fringe along the panel edges"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Sheen. Reflection across each pane"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Light. How much a panel dims as it turns away, equal on both walls"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Edge, Edge Size. Seam line on the folds between panels"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Depth","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Flat Area. How much of the width stays flat before the fold starts"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Angle. How far the walls turn. 0 is a flat ticker"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Curve, Perspective. How soft the bend is, how close the camera sits"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Walls. Fold toward you, or back like a curved screen"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Behavior","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Speed, Direction. Set Speed to 0 for a drag-only carousel"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Drag. Drag and throw, then it glides back to auto speed"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Hover. Slows smoothly to a stop while hovered"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Setup","marks":[{"type":"bold"}]}]},{"type":"orderedList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Drop it in and set the width to Fill"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Add your images in the order they should run"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Set Card Width and Card Height to your image ratio"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Set Background to the colour behind the ticker"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Tune Flat Area and Angle until the walls sit well"}]}]}],"attrs":{"type":null,"start":1}},{"type":"paragraph","content":[{"type":"text","text":"See it in action - "},{"type":"text","text":"remix the example file","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://framer.link/8AA464G","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Do","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Use images that share the same aspect ratio"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Set Gap to 0 for slices of one picture"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Leave top and bottom padding for the walls"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Keep Panels between 4 and 6 for smoothness and speed"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Don't","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Don't mix aspect ratios, every card is the same size"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Don't raise Refract when the images form one picture"}]}]}]}]},"introduction":"A ticker that folds, not scrolls","slug":"glass-fold-ticker","author":{"framerUserId":"7adbc810-fb6d-488b-86fe-e018224298a7","name":"justyna","slug":"justyna","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7adbc810-fb6d-488b-86fe-e018224298a7/0u9fmrbp","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7adbc810-fb6d-488b-86fe-e018224298a7/01a0d327-9256-74db-a022-c7123de04c03.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":3200,"height":2400}}],"post":null,"createdAt":"2026-09-24T11:24:40.853Z","updatedAt":"2026-09-24T11:29:28.322Z","publishedAt":"2026-09-24T11:24:40.847Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/GlassFoldTicker-ntnv9F.js@Tano9XRyvfM0jyZWz5Ou","previewUrl":"https://glass-fold-ticker.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"Tano9XRyvfM0jyZWz5Ou","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-09-24T11:24:41.405Z","updatedAt":"2026-09-24T11:24:41.405Z","type":"post"}],"pagination":{"next":"MDFhMGQzMjktMWEzZC03MmEwLWE5NzItNjNmYjJkYjQ1MTBh","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L51"}]