50:I[267044,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/2560d2n15vwt0.js","/creators-assets/_next/static/immutable/chunks/0x8sumr53pdkk.js","/creators-assets/_next/static/immutable/chunks/3pud1dqsw0-_7.js","/creators-assets/_next/static/immutable/chunks/139qrzcz9lv4a.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/382a8k30zyobj.js","/creators-assets/_next/static/immutable/chunks/29nnfbif7huoh.js","/creators-assets/_next/static/immutable/chunks/0wtdx5gy0autr.js","/creators-assets/_next/static/immutable/chunks/228u8o-g1d1_g.js","/creators-assets/_next/static/immutable/chunks/2b1mm8iiske-y.js","/creators-assets/_next/static/immutable/chunks/1jp3s4ouxoyr3.js","/creators-assets/_next/static/immutable/chunks/2ghns2teubdvo.js","/creators-assets/_next/static/immutable/chunks/06bqtx1jsc1kz.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3ogkzi2dwy7m5.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/2hnfu5uxkt8n0.js","/creators-assets/_next/static/immutable/chunks/0hkuwyfzgyt29.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/2xq6uu2rcdc2i.js","/creators-assets/_next/static/immutable/chunks/0_fhuyoczujnr.js","/creators-assets/_next/static/immutable/chunks/0b95zai6bhh8l.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/1fkcqskfw4hol.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/2qhn_o-66b-q9.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/3lqafyeq6rldt.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/2di2v55rtz-8i.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/1zvmc9yy7z5jg.js"],"S"] 51:T56d,

A project index for film and motion work. Hover a title and its clip plays in a frame that follows the cursor, easing a little behind it.

Only the hovered clip plays. The others pause and rewind, so a list of ten films costs the visitor one video at a time.

Reveal: fade, wipe or iris - the frame opens with a soft fade, a sideways wipe or a circle.

Rows: title, meta, year, video, poster and link for each project, edited in the panel. Upload MP4, WebM or MOV. Rows are real links and can open in a new tab.

Follow: how far the frame lags behind the cursor. Lower is softer.

Frame width, ratio and corner radius, row padding, dividers, dimming of the other rows, colours and two fonts with full font controls.

Keyboard: tabbing to a row opens its frame too. Visitors who ask for reduced motion see the poster instead of the moving clip. Touch screens get a plain list.

Videos play muted, inline and looped, and load only when needed. Ships with five demo clips so it works the moment you drop it in.

For still images, see Hover Index - the same list with photographs.

Zero dependencies. On the canvas it renders the list with the first frame shown.

Built by KHZ ART, a Tokyo studio working in editorial and fashion.

Bundle: Hover Index + Hover Reel for $18 (save $3) - https://buy.stripe.com/fZu28r6kqbUBflD9eCc3m16

52:T458,

Full-bleed project cards that pin and stack as you scroll. Each new card slides over the last, which steps back, shrinks a little and dims.

The stacked-card section seen on studio and portfolio sites: a big title, a short caption, an index and a tag on every card.

Cards: title, tag, caption, image and link for each project, edited in the panel. Cards with a link are real links and can open in a new tab.

Card height, top offset, peek (how much of each card stays visible above the next), scroll length per card, shrink, dim, corner radius, image shade and side inset.

Two fonts - title and meta - with full font controls, plus text colour and background.

Pure CSS sticky with one scroll listener. Respects reduced motion: the stack still works, without the scaling.

Ships with five demo projects and photographs so it works the moment you drop it in. Place it in a section without Clip Content so the cards can pin.

Zero dependencies, no network. On the canvas it renders a static stack.

Built by KHZ ART, a Tokyo studio working in editorial and fashion.

53:T47d,

An editorial project index with category filters. Pick a tab and the other rows fold away; hover a row and its image follows the cursor.

Tabs are built from your rows' categories automatically, with an "All" tab and optional counts beside each label.

Rows: title, category, year, image and link for each project, edited in the panel. Rows are real links and can open in a new tab.

Filtering animates: rows collapse smoothly instead of jumping, and hidden rows leave the tab order.

Follow: how far the image lags behind the cursor. Lower is softer. Image size and ratio, row padding, tab spacing, dividers, dimming and colours are all adjustable.

Three fonts - tabs, titles and meta - with full font controls.

Keyboard: tabs are real buttons, and tabbing to a row shows its image too. Reduced-motion settings are respected. On touch screens the list works without the floating image.

Ships with eight demo projects across four categories, so it works the moment you drop it in.

Zero dependencies, no network.

Built by KHZ ART, a Tokyo studio working in editorial and fashion.

54:T5e6,

An editorial testimonial section for studios, agencies and brands. One quote at a time, set large in a serif, revealed word by word, with the name, role and portrait underneath.

A row of names sits below. Each one carries a fine line that fills while its quote is showing, so visitors see who else is speaking and can jump straight to them.

Quotes: quote, name, role, portrait and an optional link for each testimonial. Up to twelve.

Align: hang the opening mark in the margin with the text on the left, or set it centred.

Quote, Name and Index fonts, Color, Muted and Accent: set it to your type, light or dark.

Marks, Avatar and Index: the quotation marks, the portraits and the "01" numbers can each be switched off.

Reveal and Stagger: the word-by-word entrance and how quickly the words follow each other.

Autoplay and Interval: moves on by itself, pauses while the pointer is over it, while it has focus and when the tab is hidden.

Accessible: real buttons, arrow-key and swipe support, and quotes announced to screen readers when they change by hand. Respects reduced motion. On the canvas and in static exports it renders a still, correctly laid out quote.

Zero dependencies and no network requests. Ships with four demo quotes and portraits so it works the moment you drop it in. The names, quotes and portraits are placeholders; replace them with your own.

Built by KHZ ART, a Tokyo studio working in editorial and fashion.

55:T62a,

An editorial carousel for portfolios, lookbooks and case studies. One frame in focus, the rest quietly dimmed, a numbered caption under every image.

It loops without a seam in both directions. Drag it and it carries on with a little inertia, then settles exactly on a frame. Trackpad swipes, arrow keys and the Prev / Next buttons all work.

Slides: image, title, meta line and an optional link for each frame. Add as many as you like.

Slide W, W / H, Gap and Side Inset: from wide landscape frames to tall portrait cards.

Align: start the active frame on the left edge or hold it in the centre.

Dim Others: the frames out of focus step back so the active one leads.

Title, Meta and Index fonts, Color and Muted: set it to your type, light or dark.

Controls and Progress: Prev / Next with an "01 / 08" counter, and a fine progress line. Each can be switched off.

Autoplay and Interval: advances on its own, pauses while the pointer is over it and when the tab is hidden.

Settle: how long a flick keeps travelling before it snaps.

Accessible: real buttons, keyboard support and a counter announced to screen readers. Respects reduced motion. On the canvas and in static exports it renders a still, correctly laid out frame.

Zero dependencies and no network requests. Ships with eight demo photographs so it works the moment you drop it in. The demo photographs are AI-generated placeholders; replace them with your own work.

Built by KHZ ART, a Tokyo studio working in editorial and fashion.

56:T5be,

A dark image, and a single light that follows the cursor. Where the light lands, the picture comes back; everywhere else stays in shadow.

Chiaroscuro Light is made for portfolio, product and editorial pages where you want the visitor to look closely instead of scrolling past.

The light is painted, not cut out: a long, soft falloff with no hard torch edge and no blown-out centre. Only the lit side warms up, the way window light falls on a still life.

Lag: the light trails the pointer a little, so it moves with the hand rather than snapping to it. Set it to 0 for an exact follow.

Light Size and Falloff: from a tight beam to a wide, slow fade.

Darkness, Warmth and Warm Tint: how deep the shadow goes and what colour the light carries.

Rest X / Rest Y and On Leave: where the light sits before the visitor moves, and whether it returns there when the pointer leaves.

Grain: a fine film grain over the whole frame, generated in the browser - no image file.

Works with any image from the panel, Fill or Fit. Ships with a demo photograph so it works the moment you drop it in.

Zero dependencies and no network requests. Updates run on CSS variables, not React re-renders. Respects reduced motion. On touch screens the light follows the tap and the page still scrolls. On the canvas and in static exports it renders a still, lit frame.

Built by KHZ ART, a Tokyo studio working in editorial and fashion.

57:T743,

An endless wall of images for portfolios, lookbooks, archives and studio homepages. Drag in any direction and it never runs out: the grid wraps on both axes, so there is no edge to hit.

Let go and it glides on with a little momentum. Arrow keys move it too, and Wheel Pan lets a trackpad or mouse wheel steer it when you want the canvas to own the scroll.

Tiles: image, title, meta line and an optional link for each tile. Add up to sixty; they repeat in a shifted order so neighbours rarely match.

Tile W, W / H and Gap: from tight contact sheets to large portrait frames.

Stagger: every other column drops by part of a tile, for the offset rhythm of a pinned wall. Set it to 0 for a straight grid.

Radius: square editorial corners or soft cards.

Captions: title and number under each image, with their own Title and Meta fonts. Switch them off for an image-only wall.

Dim Others: hover a tile and the rest step back.

Color, Muted and Background: light, dark or your brand color.

Glide: how far it drifts after you let go.

Hint: a small "Drag to explore" label that disappears after the first move. Leave it empty to hide it.

Links stay reliable: a drag never fires a click, only a real tap or click opens a tile.

Accessible: a focusable region with keyboard panning and real alt text on every image. Respects reduced motion. On the canvas and in static exports it renders the wall at rest, correctly laid out.

Zero dependencies and no network requests. Only the tiles needed to cover the frame are drawn, then recycled as you move. Ships with eight demo photographs so it works the moment you drop it in. The demo photographs are AI-generated placeholders; replace them with your own work.

Built by KHZ ART, a Tokyo studio working in editorial and fashion.

58:T452,

A compare slider with a hairline divider - for retouching, colour grading, renovation, product and architecture work.

Drag it, click anywhere to jump, or switch to Hover so the divider follows the pointer. Horizontal or vertical.

Keyboard accessible: the slider takes focus and moves with the arrow keys (Shift for bigger steps, Home and End for the edges). Screen readers get a proper slider with its value.

Start sets where the divider sits on load. The line width and colour, the round handle and its size are all in the panel, and the handle can be hidden for a cleaner look.

Labels: Before and After text in any font, placed at the edges and readable on light and dark photos.

Radius for rounded frames. Touch friendly: dragging sideways moves the slider, dragging up and down still scrolls the page.

Ships with a demo pair (an ungraded and a graded photograph) so it works the moment you drop it in.

Zero dependencies, no network. On the canvas it renders at the start position.

Built by KHZ ART, a Tokyo studio working in editorial and fashion.

59:T5aa,

The cursor leaves a trail of photographs. Move slowly and the trail is slow; stop and the images fade on their own.

Image Trail is built for portfolio and editorial pages, where the pictures should do the talking and the effect should stay out of the way.

Spacing: an image is dropped only after the pointer has travelled a set distance, so the trail follows the hand instead of flooding the screen.

Life and Max On Screen: how long each image stays and how many can be visible at once. Old images leave on a timer, not every frame, so the page stays light.

Tilt, Radius and Mono: a small random tilt, rounded corners, or a black-and-white trail for colour work.

Caption: an optional line of text in the middle, set in any font from the panel.

Images are preloaded so the first pass never shows an empty frame. On touch screens the page scrolls normally.

Ships with eight demo photographs so it works the moment you drop it in - replace them in the Images list.

Zero dependencies, nothing loaded at runtime except your own images. On the canvas and in static exports it renders a still, composed stack.

Built by KHZ ART, a Tokyo studio working in editorial and fashion.

More from KHZ ART for image-led pages: Chiaroscuro Light (a cursor spotlight over a dark photo), Hover Index (project list with a cursor-following image) and Infinite Canvas Wall (an endless draggable image wall).

5a:T4f6,

An editorial project list. Hover a row and its image appears and follows the cursor, easing a little behind it.

The index layout seen on studio and agency sites: large titles, a quiet meta column and a year, hairline dividers, and the other rows dimming while one is active.

Rows: title, meta, year, image and link for each project, edited in the panel. Rows are real links and can open in a new tab.

Follow: how far the image lags behind the cursor. Lower is softer.

Image size and ratio, row padding, dividers on or off, colours and two fonts - title and meta - with full font controls.

Keyboard: tabbing to a row shows its image too. On touch screens the list works as a plain list without the floating image.

Images are preloaded, so the first hover is never empty. Ships with four demo projects and photographs so it works the moment you drop it in.

Zero dependencies, no network. On the canvas it renders the list with the first image shown.

Built by KHZ ART, a Tokyo studio working in editorial and fashion.

For film and motion work, see Hover Reel - the same list with video that plays on hover.

Bundle: Hover Index + Hover Reel for $18 (save $3) - https://buy.stripe.com/fZu28r6kqbUBflD9eCc3m16

5b:T5b1,

A headline is the first thing people read and the first thing that breaks. The browser drops the last word onto its own line, leaves one line long and the next one short, and in Japanese it starts a line with 、 or ）.

Line Balance fixes all of that in one component. Type your text, pick a tag, and the line breaks are handled.

No Widow: the last two words are joined so a single word never falls alone. Measured over 90 headlines in Chromium: 24.4% had a widow, 1.1% after.

Balanced measure: text-wrap balance evens out the line lengths. Standard deviation of line width fell from 109px to 25px in the same test - the words are untouched, only the folding changes.

Kinsoku: closing brackets, punctuation, small kana and long vowel marks never start a line; opening brackets never end one; ... and -- are never split. CSS line-break alone still lets these through.

Auto Phrase folds Japanese at phrase boundaries where the browser supports it. Plus hanging punctuation, a measure limit in ch, and h1/h2/h3/p.

Zero dependencies, nothing loaded from outside your site, no animation - the canvas and the static export show exactly what the page shows.

Built by KHZ ART, a Tokyo studio that sets type on the web.

More from KHZ ART for Japanese type on the web: Vertical Type (true tategaki, with upright numbers and ruby) and Editorial Reveal (headline reveal that breaks Japanese at phrase boundaries).

5c:T4ca,

Japanese is written vertically in books, posters and signage, but the web still sets it sideways. Framer has no vertical text, and CSS writing-mode alone is not enough: numbers lie on their side, ruby lands on the wrong edge, and lines break in front of a small tsu.

Vertical Type sets real tategaki. Text runs top to bottom, columns run right to left, and the details that make vertical Japanese readable are handled for you.

Ruby (furigana) written inline as 漢字《かんじ》 or ｜好《す》き, placed on the correct side of the column.

Tate-chu-yoko: runs of digits stand upright inside the vertical line, so 4時 and 2026年 read as they do in print.

Kinsoku shori: small kana, closing brackets and punctuation never start a line.

Emphasis dots (bouten) written as ＊語＊, the Japanese equivalent of italics.

Optional column-by-column reveal, with duration, stagger and shift as controls.

Font, colour, line gap, tracking and alignment are ordinary Framer controls.

Zero dependencies. Nothing is loaded from outside your site. Renders correctly in static export and on the canvas.

Built by KHZ ART, a Tokyo studio that sets Japanese type on the web.

5d:T422,

Japanese has no spaces between words, so a browser is free to break a line anywhere — including in front of a closing bracket, a comma or a full stop. Japanese typesetting does not allow those characters to start a line.

We built a page that counts it instead of arguing about it. Paste any Japanese into it and it reads the line boxes your own browser just drew, then reports two numbers: how many lines began with a character that may not begin a line, and how many Latin words were broken mid-word. Drag the column width or the type size and watch the numbers move.

https://khz-art.com/en/japanese-line-break-test

If your site needs this fixed, the three plugins behind it are free on the Marketplace — Kumihan (phrase-aware line breaking, ja / zh-hans / zh-hant / th), Rubi (a reading above a word), Waei (the quarter-em of air between Japanese and Latin). In English they do nothing at all.

4f:["$","$L50",null,{"value":{"fallback":{"$inf$activity-creator-6310dcb0-97e0-46a1-bc86-eb592a782614-all:/unified/creator/6310dcb0-97e0-46a1-bc86-eb592a782614/activity/":[{"data":[{"id":"01a13606-0186-725e-b3df-cf594b319fbe","type":"component.created","target":{"type":"component","id":"N6jMYTvOT71eTTARfVFa","preview":"Hover Reel","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6310dcb0-97e0-46a1-bc86-eb592a782614/01a13605-abf6-76c1-84fe-05ef6c5f5d6b.jpg","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"6310dcb0-97e0-46a1-bc86-eb592a782614","name":"KHZ ART","avatar":null,"slug":"khz-art","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-10-13T16:08:45.702Z","latestAt":"2026-10-13T16:08:45.702Z"},{"id":"01a130f3-8116-765d-a831-7da3fb02fb8f","type":"component.created","target":{"type":"component","id":"Jn2h4ErA15aK3t8DZ6cY","preview":"Folio Lightbox","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6310dcb0-97e0-46a1-bc86-eb592a782614/01a130f3-2d2f-742c-b20d-ae2b47972930.jpg","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"6310dcb0-97e0-46a1-bc86-eb592a782614","name":"KHZ ART","avatar":null,"slug":"khz-art","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-10-12T16:30:27.094Z","latestAt":"2026-10-12T16:30:27.094Z"},{"id":"01a130b2-2fbf-71fa-abcd-b1fc74fa7240","type":"component.created","target":{"type":"component","id":"tjTJVKoF9T2N3s8wlrU5","preview":"Folio Stack","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6310dcb0-97e0-46a1-bc86-eb592a782614/01a130b1-dc65-713b-a4ba-dda14de283d2.jpg","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"6310dcb0-97e0-46a1-bc86-eb592a782614","name":"KHZ ART","avatar":null,"slug":"khz-art","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-10-12T15:19:06.431Z","latestAt":"2026-10-12T15:19:06.431Z"},{"id":"01a12b6d-7e0e-75fa-8f32-113d8105fc4f","type":"component.created","target":{"type":"component","id":"Zab51exIL0OuNZ5Egsb6","preview":"Filter Index","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6310dcb0-97e0-46a1-bc86-eb592a782614/01a12b6d-283a-73ba-b6fa-6fb092d2e3a3.jpg","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"6310dcb0-97e0-46a1-bc86-eb592a782614","name":"KHZ ART","avatar":null,"slug":"khz-art","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-10-11T14:45:58.414Z","latestAt":"2026-10-11T14:45:58.414Z"},{"id":"01a10c48-6e99-77cb-8416-f553352ac3cf","type":"component.created","target":{"type":"component","id":"CBiOtjiwKTausRyv3zi3","preview":"Press Quotes","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6310dcb0-97e0-46a1-bc86-eb592a782614/01a13083-ee12-77fa-8c23-60b1dc712fe0.jpg","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"6310dcb0-97e0-46a1-bc86-eb592a782614","name":"KHZ ART","avatar":null,"slug":"khz-art","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-10-05T13:37:15.929Z","latestAt":"2026-10-05T13:37:15.929Z"},{"id":"01a10016-68a6-73c8-897d-3a5d2519ce47","type":"component.created","target":{"type":"component","id":"DIQcLl8ZdgY69t1MRrEk","preview":"Magazine Carousel","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6310dcb0-97e0-46a1-bc86-eb592a782614/01a10015-f562-719d-b6d4-b0eb51e71084.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"6310dcb0-97e0-46a1-bc86-eb592a782614","name":"KHZ ART","avatar":null,"slug":"khz-art","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-10-03T04:47:11.014Z","latestAt":"2026-10-03T04:47:11.014Z"},{"id":"01a1000d-6228-7262-bbef-d1b1ed5b41d6","type":"component.created","target":{"type":"component","id":"N7TplVVrwcJXZqkpoB2i","preview":"Chiaroscuro Light","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6310dcb0-97e0-46a1-bc86-eb592a782614/01a1000c-f027-763f-a03e-5455b02b2dbc.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"6310dcb0-97e0-46a1-bc86-eb592a782614","name":"KHZ ART","avatar":null,"slug":"khz-art","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-10-03T04:37:19.528Z","latestAt":"2026-10-03T04:37:19.528Z"},{"id":"01a10004-e40d-746c-804d-3b2560d6f5e5","type":"component.created","target":{"type":"component","id":"iDuiYs2sDxXHPVXYmL9D","preview":"Infinite Canvas Wall","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6310dcb0-97e0-46a1-bc86-eb592a782614/01a10004-722f-75f8-af5f-877e87b5068c.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"6310dcb0-97e0-46a1-bc86-eb592a782614","name":"KHZ ART","avatar":null,"slug":"khz-art","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-10-03T04:28:02.957Z","latestAt":"2026-10-03T04:28:02.957Z"},{"id":"01a0c484-3318-75bf-976e-9450aa494248","type":"component.created","target":{"type":"component","id":"XnfgwI3G9CmYKrPAnwUK","preview":"Hairline Compare","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6310dcb0-97e0-46a1-bc86-eb592a782614/01a0c483-ac92-76af-938e-e72a39695f5b.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"6310dcb0-97e0-46a1-bc86-eb592a782614","name":"KHZ ART","avatar":null,"slug":"khz-art","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-09-21T15:09:53.304Z","latestAt":"2026-09-21T15:09:53.304Z"},{"id":"01a0c47c-d8a0-7289-aa82-6a37400405eb","type":"component.created","target":{"type":"component","id":"yylV9y0t5hZdpE0HMFg5","preview":"Photo Trail Cursor","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6310dcb0-97e0-46a1-bc86-eb592a782614/01a13082-df48-7079-b2b4-f255d95f5b31.jpg","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"6310dcb0-97e0-46a1-bc86-eb592a782614","name":"KHZ ART","avatar":null,"slug":"khz-art","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-09-21T15:01:51.392Z","latestAt":"2026-09-21T15:01:51.392Z"},{"id":"01a0c471-37e4-7646-8180-bed73ffcbed7","type":"component.created","target":{"type":"component","id":"ZAvyr5aEsrDv5aI0lNsg","preview":"Hover Index","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6310dcb0-97e0-46a1-bc86-eb592a782614/01a13081-dafb-76fb-a107-dbfd6c707b51.jpg","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"6310dcb0-97e0-46a1-bc86-eb592a782614","name":"KHZ ART","avatar":null,"slug":"khz-art","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-09-21T14:49:09.348Z","latestAt":"2026-09-21T14:49:09.348Z"},{"id":"01a08529-f83a-7668-bd99-d0e4d93a70bc","type":"component.created","target":{"type":"component","id":"jpLTKzT0opxHMaNJdLgl","preview":"Line Balance","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6310dcb0-97e0-46a1-bc86-eb592a782614/01a10074-df20-775c-bfb2-4b937231ae46.jpg","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"6310dcb0-97e0-46a1-bc86-eb592a782614","name":"KHZ ART","avatar":null,"slug":"khz-art","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-09-09T07:55:15.386Z","latestAt":"2026-09-09T07:55:15.386Z"},{"id":"01a081cb-7e36-71b9-9774-5799d3dddb6f","type":"component.created","target":{"type":"component","id":"fXs7lIEvo7R5emDeWvHG","preview":"Vertical Type","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6310dcb0-97e0-46a1-bc86-eb592a782614/01a10075-a2a1-75cf-be6d-e38a7d42d377.jpg","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"6310dcb0-97e0-46a1-bc86-eb592a782614","name":"KHZ ART","avatar":null,"slug":"khz-art","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-09-08T16:13:12.118Z","latestAt":"2026-09-08T16:13:12.118Z"},{"id":"01a08104-960e-7656-a152-8c371a173a53","type":"component.created","target":{"type":"component","id":"VWcGMjegIZJ6RWcpm4Iy","preview":"Editorial Reveal","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6310dcb0-97e0-46a1-bc86-eb592a782614/01a10074-07e1-7158-8597-b58471ad64f1.jpg","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"6310dcb0-97e0-46a1-bc86-eb592a782614","name":"KHZ ART","avatar":null,"slug":"khz-art","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-09-08T12:35:56.558Z","latestAt":"2026-09-08T12:35:56.558Z"},{"id":"01a00a6c-5e2e-7138-9e89-08f4ad367d86","type":"plugin.created","target":{"type":"plugin","id":"1481","preview":"Rubi","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6310dcb0-97e0-46a1-bc86-eb592a782614/01a0618d-52ba-775c-90a7-e86d245cb030.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"6310dcb0-97e0-46a1-bc86-eb592a782614","name":"KHZ ART","avatar":null,"slug":"khz-art","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"plugin","visibility":"public","startedAt":"2026-08-16T11:54:29.294Z","latestAt":"2026-08-16T11:54:29.294Z"},{"id":"01a00a2e-9453-735f-9fec-dbbf27acfe32","type":"plugin.created","target":{"type":"plugin","id":"1480","preview":"Waei","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6310dcb0-97e0-46a1-bc86-eb592a782614/01a0618c-cc55-779c-a994-df8d7fa6c41d.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"6310dcb0-97e0-46a1-bc86-eb592a782614","name":"KHZ ART","avatar":null,"slug":"khz-art","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"plugin","visibility":"public","startedAt":"2026-08-16T10:46:59.923Z","latestAt":"2026-08-16T10:46:59.923Z"},{"id":"01a00a04-262b-771c-b702-ee3831f01422","type":"plugin.created","target":{"type":"plugin","id":"1479","preview":"Kumihan","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6310dcb0-97e0-46a1-bc86-eb592a782614/01a06189-c201-758a-a3e2-2123a1c6bded.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"6310dcb0-97e0-46a1-bc86-eb592a782614","name":"KHZ ART","avatar":null,"slug":"khz-art","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"plugin","visibility":"public","startedAt":"2026-08-16T10:00:39.211Z","latestAt":"2026-08-16T10:00:39.211Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:6310dcb0-97e0-46a1-bc86-eb592a782614:/unified/posts/?creator=6310dcb0-97e0-46a1-bc86-eb592a782614&with=reposts":[{"data":[{"id":"01a13605-ff06-77f8-b559-ce36a193e7cc","title":null,"body":"

Hover Reel is out. A project index for film work: hover a title and its clip plays in a frame that follows the cursor. Only the hovered clip plays, with a fade, wipe or iris reveal.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hover Reel is out. A project index for film work: hover a title and its clip plays in a frame that follows the cursor. Only the hovered clip plays, with a fade, wipe or iris reveal."}]}]},"author":{"framerUserId":"6310dcb0-97e0-46a1-bc86-eb592a782614","name":"KHZ ART","slug":"khz-art","avatar":null,"followed":false,"followsYou":false},"media":[],"resources":[{"id":"N6jMYTvOT71eTTARfVFa","resolved":true,"title":"Hover Reel","body":"$51","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A project index for film and motion work. Hover a title and its clip plays in a frame that follows the cursor, easing a little behind it."}]},{"type":"paragraph","content":[{"type":"text","text":"Only the hovered clip plays. The others pause and rewind, so a list of ten films costs the visitor one video at a time."}]},{"type":"paragraph","content":[{"type":"text","text":"Reveal: fade, wipe or iris - the frame opens with a soft fade, a sideways wipe or a circle."}]},{"type":"paragraph","content":[{"type":"text","text":"Rows: title, meta, year, video, poster and link for each project, edited in the panel. Upload MP4, WebM or MOV. Rows are real links and can open in a new tab."}]},{"type":"paragraph","content":[{"type":"text","text":"Follow: how far the frame lags behind the cursor. Lower is softer."}]},{"type":"paragraph","content":[{"type":"text","text":"Frame width, ratio and corner radius, row padding, dividers, dimming of the other rows, colours and two fonts with full font controls."}]},{"type":"paragraph","content":[{"type":"text","text":"Keyboard: tabbing to a row opens its frame too. Visitors who ask for reduced motion see the poster instead of the moving clip. Touch screens get a plain list."}]},{"type":"paragraph","content":[{"type":"text","text":"Videos play muted, inline and looped, and load only when needed. Ships with five demo clips so it works the moment you drop it in."}]},{"type":"paragraph","content":[{"type":"text","text":"For still images, see Hover Index - the same list with photographs."}]},{"type":"paragraph","content":[{"type":"text","text":"Zero dependencies. On the canvas it renders the list with the first frame shown."}]},{"type":"paragraph","content":[{"type":"text","text":"Built by KHZ ART, a Tokyo studio working in editorial and fashion."}]},{"type":"paragraph","content":[{"type":"text","text":"Bundle: Hover Index + Hover Reel for $18 (save $3) - https://buy.stripe.com/fZu28r6kqbUBflD9eCc3m16"}]}]},"introduction":"Index list. Video follows cursor.","slug":"hover-reel","author":{"framerUserId":"6310dcb0-97e0-46a1-bc86-eb592a782614","name":"KHZ ART","slug":"khz-art","avatar":null,"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6310dcb0-97e0-46a1-bc86-eb592a782614/01a13605-abf6-76c1-84fe-05ef6c5f5d6b.jpg","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-10-13T16:08:44.326Z","updatedAt":"2026-10-13T17:07:25.127Z","publishedAt":"2026-10-13T16:08:44.322Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://drab-flexibility-030161.framer.app/hover-reel","price":"12","paymentUrl":"https://buy.stripe.com/7sY8wPdMS5wdb5n0I6c3m15","workshop":false,"categories":[{"id":"66bb31f7-cddf-4a3e-8604-95b3467aecc2","name":"Galleries","slug":"galleries"}],"lastSaveId":"puqCDpBP8gIWjOMJhmpj","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-13T16:08:45.062Z","updatedAt":"2026-10-13T16:08:45.062Z"},{"id":"01a130f3-7ebb-74cf-b086-bb18d6c52f08","title":null,"body":"

Folio Lightbox is out. A masonry image grid that opens into a full-screen lightbox: arrow keys, Esc, swipe, counter and captions, focus handled properly. Nine demo photographs included.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Folio Lightbox is out. A masonry image grid that opens into a full-screen lightbox: arrow keys, Esc, swipe, counter and captions, focus handled properly. Nine demo photographs included."}]}]},"author":{"framerUserId":"6310dcb0-97e0-46a1-bc86-eb592a782614","name":"KHZ ART","slug":"khz-art","avatar":null,"followed":false,"followsYou":false},"media":[],"resources":[{"id":"Jn2h4ErA15aK3t8DZ6cY","resolved":true,"title":"Folio Lightbox","body":"

A masonry image grid with a built-in lightbox. Click any image to open it full screen, then step through the set.

Images keep their own proportions: tall, square and wide shots fall into the shortest column, like a printed contact sheet.

Images: image, title and caption for each one, edited in the panel. Up to 60 images.

Columns, gap, corner radius and hover zoom. The grid drops to two columns on tablets and one on phones.

Lightbox: arrow keys, Esc, swipe on touch, a counter, title and caption. Neighbouring images preload so stepping feels instant.

Accessible: real buttons, focus moves into the lightbox and back to the image you opened, page scroll is locked while it is open. Respects reduced motion.

Two font sizes, text colour, overlay colour and background.

Ships with nine demo photographs so it works the moment you drop it in. Zero dependencies, no network.

Built by KHZ ART, a Tokyo studio working in editorial and fashion.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A masonry image grid with a built-in lightbox. Click any image to open it full screen, then step through the set."}]},{"type":"paragraph","content":[{"type":"text","text":"Images keep their own proportions: tall, square and wide shots fall into the shortest column, like a printed contact sheet."}]},{"type":"paragraph","content":[{"type":"text","text":"Images: image, title and caption for each one, edited in the panel. Up to 60 images."}]},{"type":"paragraph","content":[{"type":"text","text":"Columns, gap, corner radius and hover zoom. The grid drops to two columns on tablets and one on phones."}]},{"type":"paragraph","content":[{"type":"text","text":"Lightbox: arrow keys, Esc, swipe on touch, a counter, title and caption. Neighbouring images preload so stepping feels instant."}]},{"type":"paragraph","content":[{"type":"text","text":"Accessible: real buttons, focus moves into the lightbox and back to the image you opened, page scroll is locked while it is open. Respects reduced motion."}]},{"type":"paragraph","content":[{"type":"text","text":"Two font sizes, text colour, overlay colour and background."}]},{"type":"paragraph","content":[{"type":"text","text":"Ships with nine demo photographs so it works the moment you drop it in. Zero dependencies, no network."}]},{"type":"paragraph","content":[{"type":"text","text":"Built by KHZ ART, a Tokyo studio working in editorial and fashion."}]}]},"introduction":"Masonry grid with a full lightbox.","slug":"folio-lightbox","author":{"framerUserId":"6310dcb0-97e0-46a1-bc86-eb592a782614","name":"KHZ ART","slug":"khz-art","avatar":null,"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6310dcb0-97e0-46a1-bc86-eb592a782614/01a130f3-2d2f-742c-b20d-ae2b47972930.jpg","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-10-12T16:30:25.821Z","updatedAt":"2026-10-12T17:10:46.879Z","publishedAt":"2026-10-12T16:30:25.818Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://drab-flexibility-030161.framer.app/folio-lightbox","price":"12","paymentUrl":"https://buy.stripe.com/7sY28r1068IpgpH8ayc3m14","workshop":false,"categories":[{"id":"66bb31f7-cddf-4a3e-8604-95b3467aecc2","name":"Galleries","slug":"galleries"}],"lastSaveId":"p41hlieeaZFw4SZtNn3t","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-10-12T16:30:26.491Z","updatedAt":"2026-10-12T16:30:26.491Z"},{"id":"01a130b2-2d52-70cf-b93a-0ad88e99dc7f","title":null,"body":"

Folio Stack is out. Full-bleed project cards that pin and stack as you scroll: each new card slides over the last, which steps back and dims. Real links, reduced-motion safe, five demo projects included.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Folio Stack is out. Full-bleed project cards that pin and stack as you scroll: each new card slides over the last, which steps back and dims. Real links, reduced-motion safe, five demo projects included."}]}]},"author":{"framerUserId":"6310dcb0-97e0-46a1-bc86-eb592a782614","name":"KHZ ART","slug":"khz-art","avatar":null,"followed":false,"followsYou":false},"media":[],"resources":[{"id":"tjTJVKoF9T2N3s8wlrU5","resolved":true,"title":"Folio Stack","body":"$52","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Full-bleed project cards that pin and stack as you scroll. Each new card slides over the last, which steps back, shrinks a little and dims."}]},{"type":"paragraph","content":[{"type":"text","text":"The stacked-card section seen on studio and portfolio sites: a big title, a short caption, an index and a tag on every card."}]},{"type":"paragraph","content":[{"type":"text","text":"Cards: title, tag, caption, image and link for each project, edited in the panel. Cards with a link are real links and can open in a new tab."}]},{"type":"paragraph","content":[{"type":"text","text":"Card height, top offset, peek (how much of each card stays visible above the next), scroll length per card, shrink, dim, corner radius, image shade and side inset."}]},{"type":"paragraph","content":[{"type":"text","text":"Two fonts - title and meta - with full font controls, plus text colour and background."}]},{"type":"paragraph","content":[{"type":"text","text":"Pure CSS sticky with one scroll listener. Respects reduced motion: the stack still works, without the scaling."}]},{"type":"paragraph","content":[{"type":"text","text":"Ships with five demo projects and photographs so it works the moment you drop it in. Place it in a section without Clip Content so the cards can pin."}]},{"type":"paragraph","content":[{"type":"text","text":"Zero dependencies, no network. On the canvas it renders a static stack."}]},{"type":"paragraph","content":[{"type":"text","text":"Built by KHZ ART, a Tokyo studio working in editorial and fashion."}]}]},"introduction":"Cards pin and stack as you scroll.","slug":"folio-stack","author":{"framerUserId":"6310dcb0-97e0-46a1-bc86-eb592a782614","name":"KHZ ART","slug":"khz-art","avatar":null,"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6310dcb0-97e0-46a1-bc86-eb592a782614/01a130b1-dc65-713b-a4ba-dda14de283d2.jpg","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-10-12T15:19:05.122Z","updatedAt":"2026-10-12T17:09:48.110Z","publishedAt":"2026-10-12T15:19:05.118Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://drab-flexibility-030161.framer.app/folio-stack","price":"12","paymentUrl":"https://buy.stripe.com/cNicN57ou3o52yRbmKc3m13","workshop":false,"categories":[{"id":"66bb31f7-cddf-4a3e-8604-95b3467aecc2","name":"Galleries","slug":"galleries"}],"lastSaveId":"18rYgtzUkF5ecsp4qz5A","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-12T15:19:05.810Z","updatedAt":"2026-10-12T15:19:05.810Z"},{"id":"01a12b6d-7b8f-7456-9e3a-2c0508abf4c1","title":null,"body":"

Filter Index is out. An editorial project list with category tabs: pick one and the other rows fold away, hover a row and its image follows the cursor. Tabs build themselves from your categories, with counts.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Filter Index is out. An editorial project list with category tabs: pick one and the other rows fold away, hover a row and its image follows the cursor. Tabs build themselves from your categories, with counts."}]}]},"author":{"framerUserId":"6310dcb0-97e0-46a1-bc86-eb592a782614","name":"KHZ ART","slug":"khz-art","avatar":null,"followed":false,"followsYou":false},"media":[],"resources":[{"id":"Zab51exIL0OuNZ5Egsb6","resolved":true,"title":"Filter Index","body":"$53","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"An editorial project index with category filters. Pick a tab and the other rows fold away; hover a row and its image follows the cursor."}]},{"type":"paragraph","content":[{"type":"text","text":"Tabs are built from your rows' categories automatically, with an \"All\" tab and optional counts beside each label."}]},{"type":"paragraph","content":[{"type":"text","text":"Rows: title, category, year, image and link for each project, edited in the panel. Rows are real links and can open in a new tab."}]},{"type":"paragraph","content":[{"type":"text","text":"Filtering animates: rows collapse smoothly instead of jumping, and hidden rows leave the tab order."}]},{"type":"paragraph","content":[{"type":"text","text":"Follow: how far the image lags behind the cursor. Lower is softer. Image size and ratio, row padding, tab spacing, dividers, dimming and colours are all adjustable."}]},{"type":"paragraph","content":[{"type":"text","text":"Three fonts - tabs, titles and meta - with full font controls."}]},{"type":"paragraph","content":[{"type":"text","text":"Keyboard: tabs are real buttons, and tabbing to a row shows its image too. Reduced-motion settings are respected. On touch screens the list works without the floating image."}]},{"type":"paragraph","content":[{"type":"text","text":"Ships with eight demo projects across four categories, so it works the moment you drop it in."}]},{"type":"paragraph","content":[{"type":"text","text":"Zero dependencies, no network."}]},{"type":"paragraph","content":[{"type":"text","text":"Built by KHZ ART, a Tokyo studio working in editorial and fashion."}]}]},"introduction":"Filter tabs. Image follows cursor.","slug":"filter-index","author":{"framerUserId":"6310dcb0-97e0-46a1-bc86-eb592a782614","name":"KHZ ART","slug":"khz-art","avatar":null,"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6310dcb0-97e0-46a1-bc86-eb592a782614/01a12b6d-283a-73ba-b6fa-6fb092d2e3a3.jpg","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-10-11T14:45:57.147Z","updatedAt":"2026-10-13T16:30:23.111Z","publishedAt":"2026-10-11T14:45:57.144Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://drab-flexibility-030161.framer.app/filter-index","price":"12","paymentUrl":"https://buy.stripe.com/5kQ5kDgZ40bTb5n76uc3m12","workshop":false,"categories":[{"id":"66bb31f7-cddf-4a3e-8604-95b3467aecc2","name":"Galleries","slug":"galleries"}],"lastSaveId":"sn3E7gKYIQxtdJsc0exH","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-11T14:45:57.775Z","updatedAt":"2026-10-11T14:45:57.775Z"},{"id":"01a10c48-6c56-7238-9728-2352b8034425","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"6310dcb0-97e0-46a1-bc86-eb592a782614","name":"KHZ ART","slug":"khz-art","avatar":null,"followed":false,"followsYou":false},"media":[],"resources":[{"id":"CBiOtjiwKTausRyv3zi3","resolved":true,"title":"Press Quotes","body":"$54","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"An editorial testimonial section for studios, agencies and brands. One quote at a time, set large in a serif, revealed word by word, with the name, role and portrait underneath."}]},{"type":"paragraph","content":[{"type":"text","text":"A row of names sits below. Each one carries a fine line that fills while its quote is showing, so visitors see who else is speaking and can jump straight to them."}]},{"type":"paragraph","content":[{"type":"text","text":"Quotes: quote, name, role, portrait and an optional link for each testimonial. Up to twelve."}]},{"type":"paragraph","content":[{"type":"text","text":"Align: hang the opening mark in the margin with the text on the left, or set it centred."}]},{"type":"paragraph","content":[{"type":"text","text":"Quote, Name and Index fonts, Color, Muted and Accent: set it to your type, light or dark."}]},{"type":"paragraph","content":[{"type":"text","text":"Marks, Avatar and Index: the quotation marks, the portraits and the \"01\" numbers can each be switched off."}]},{"type":"paragraph","content":[{"type":"text","text":"Reveal and Stagger: the word-by-word entrance and how quickly the words follow each other."}]},{"type":"paragraph","content":[{"type":"text","text":"Autoplay and Interval: moves on by itself, pauses while the pointer is over it, while it has focus and when the tab is hidden."}]},{"type":"paragraph","content":[{"type":"text","text":"Accessible: real buttons, arrow-key and swipe support, and quotes announced to screen readers when they change by hand. Respects reduced motion. On the canvas and in static exports it renders a still, correctly laid out quote."}]},{"type":"paragraph","content":[{"type":"text","text":"Zero dependencies and no network requests. Ships with four demo quotes and portraits so it works the moment you drop it in. The names, quotes and portraits are placeholders; replace them with your own."}]},{"type":"paragraph","content":[{"type":"text","text":"Built by KHZ ART, a Tokyo studio working in editorial and fashion."}]}]},"introduction":"Testimonials set like a magazine.","slug":"press-quotes","author":{"framerUserId":"6310dcb0-97e0-46a1-bc86-eb592a782614","name":"KHZ ART","slug":"khz-art","avatar":null,"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6310dcb0-97e0-46a1-bc86-eb592a782614/01a13083-ee12-77fa-8c23-60b1dc712fe0.jpg","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-10-05T13:37:14.710Z","updatedAt":"2026-10-12T14:28:38.832Z","publishedAt":"2026-10-05T13:37:14.708Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://drab-flexibility-030161.framer.app/quotes","price":"10","paymentUrl":"https://buy.stripe.com/14A14n8sye2Jb5neyWc3m11","workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"35mdRGjHSnydQJGGwHqg","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-05T13:37:15.350Z","updatedAt":"2026-10-05T13:37:15.350Z"},{"id":"01a10016-6472-77bc-be31-0a2930d2bbf4","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"6310dcb0-97e0-46a1-bc86-eb592a782614","name":"KHZ ART","slug":"khz-art","avatar":null,"followed":false,"followsYou":false},"media":[],"resources":[{"id":"DIQcLl8ZdgY69t1MRrEk","resolved":true,"title":"Magazine Carousel","body":"$55","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"An editorial carousel for portfolios, lookbooks and case studies. One frame in focus, the rest quietly dimmed, a numbered caption under every image."}]},{"type":"paragraph","content":[{"type":"text","text":"It loops without a seam in both directions. Drag it and it carries on with a little inertia, then settles exactly on a frame. Trackpad swipes, arrow keys and the Prev / Next buttons all work."}]},{"type":"paragraph","content":[{"type":"text","text":"Slides: image, title, meta line and an optional link for each frame. Add as many as you like."}]},{"type":"paragraph","content":[{"type":"text","text":"Slide W, W / H, Gap and Side Inset: from wide landscape frames to tall portrait cards."}]},{"type":"paragraph","content":[{"type":"text","text":"Align: start the active frame on the left edge or hold it in the centre."}]},{"type":"paragraph","content":[{"type":"text","text":"Dim Others: the frames out of focus step back so the active one leads."}]},{"type":"paragraph","content":[{"type":"text","text":"Title, Meta and Index fonts, Color and Muted: set it to your type, light or dark."}]},{"type":"paragraph","content":[{"type":"text","text":"Controls and Progress: Prev / Next with an \"01 / 08\" counter, and a fine progress line. Each can be switched off."}]},{"type":"paragraph","content":[{"type":"text","text":"Autoplay and Interval: advances on its own, pauses while the pointer is over it and when the tab is hidden."}]},{"type":"paragraph","content":[{"type":"text","text":"Settle: how long a flick keeps travelling before it snaps."}]},{"type":"paragraph","content":[{"type":"text","text":"Accessible: real buttons, keyboard support and a counter announced to screen readers. Respects reduced motion. On the canvas and in static exports it renders a still, correctly laid out frame."}]},{"type":"paragraph","content":[{"type":"text","text":"Zero dependencies and no network requests. Ships with eight demo photographs so it works the moment you drop it in. The demo photographs are AI-generated placeholders; replace them with your own work."}]},{"type":"paragraph","content":[{"type":"text","text":"Built by KHZ ART, a Tokyo studio working in editorial and fashion."}]}]},"introduction":"Looping drag carousel, captioned.","slug":"magazine-carousel","author":{"framerUserId":"6310dcb0-97e0-46a1-bc86-eb592a782614","name":"KHZ ART","slug":"khz-art","avatar":null,"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6310dcb0-97e0-46a1-bc86-eb592a782614/01a10015-f562-719d-b6d4-b0eb51e71084.png","metadata":{"tint":{"h":0,"s":53,"l":66},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-10-03T04:47:09.292Z","updatedAt":"2026-10-03T04:47:09.292Z","publishedAt":"2026-10-03T04:47:09.289Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://drab-flexibility-030161.framer.app/editorial-carousel","price":"12","paymentUrl":"https://buy.stripe.com/cNi8wPeQW8Ip4GZ4Ymc3m0Z","workshop":false,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"QCMc52r3NMhtVooyb1vu","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-03T04:47:09.938Z","updatedAt":"2026-10-03T04:47:09.938Z"},{"id":"01a1000d-5fbc-70be-943a-bdd5b8f32925","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"6310dcb0-97e0-46a1-bc86-eb592a782614","name":"KHZ ART","slug":"khz-art","avatar":null,"followed":false,"followsYou":false},"media":[],"resources":[{"id":"N7TplVVrwcJXZqkpoB2i","resolved":true,"title":"Chiaroscuro Light","body":"$56","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A dark image, and a single light that follows the cursor. Where the light lands, the picture comes back; everywhere else stays in shadow."}]},{"type":"paragraph","content":[{"type":"text","text":"Chiaroscuro Light is made for portfolio, product and editorial pages where you want the visitor to look closely instead of scrolling past."}]},{"type":"paragraph","content":[{"type":"text","text":"The light is painted, not cut out: a long, soft falloff with no hard torch edge and no blown-out centre. Only the lit side warms up, the way window light falls on a still life."}]},{"type":"paragraph","content":[{"type":"text","text":"Lag: the light trails the pointer a little, so it moves with the hand rather than snapping to it. Set it to 0 for an exact follow."}]},{"type":"paragraph","content":[{"type":"text","text":"Light Size and Falloff: from a tight beam to a wide, slow fade."}]},{"type":"paragraph","content":[{"type":"text","text":"Darkness, Warmth and Warm Tint: how deep the shadow goes and what colour the light carries."}]},{"type":"paragraph","content":[{"type":"text","text":"Rest X / Rest Y and On Leave: where the light sits before the visitor moves, and whether it returns there when the pointer leaves."}]},{"type":"paragraph","content":[{"type":"text","text":"Grain: a fine film grain over the whole frame, generated in the browser - no image file."}]},{"type":"paragraph","content":[{"type":"text","text":"Works with any image from the panel, Fill or Fit. Ships with a demo photograph so it works the moment you drop it in."}]},{"type":"paragraph","content":[{"type":"text","text":"Zero dependencies and no network requests. Updates run on CSS variables, not React re-renders. Respects reduced motion. On touch screens the light follows the tap and the page still scrolls. On the canvas and in static exports it renders a still, lit frame."}]},{"type":"paragraph","content":[{"type":"text","text":"Built by KHZ ART, a Tokyo studio working in editorial and fashion."}]}]},"introduction":"Cursor light over a dark image.","slug":"chiaroscuro-light","author":{"framerUserId":"6310dcb0-97e0-46a1-bc86-eb592a782614","name":"KHZ ART","slug":"khz-art","avatar":null,"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6310dcb0-97e0-46a1-bc86-eb592a782614/01a1000c-f027-763f-a03e-5455b02b2dbc.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-10-03T04:37:18.204Z","updatedAt":"2026-10-03T04:37:18.204Z","publishedAt":"2026-10-03T04:37:18.201Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://drab-flexibility-030161.framer.app/chiaroscuro-light","price":"9","paymentUrl":"https://buy.stripe.com/7sY28r8sy7El5L33Uic3m0Y","workshop":false,"categories":[{"id":"c0182b81-fefe-45f5-ba00-27459f05e2a7","name":"Cursors","slug":"cursors"}],"lastSaveId":"wzbNPhZgbfgN539fCnRO","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-03T04:37:18.908Z","updatedAt":"2026-10-03T04:37:18.908Z"},{"id":"01a10004-e1c5-7215-ad98-381e4add18be","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"6310dcb0-97e0-46a1-bc86-eb592a782614","name":"KHZ ART","slug":"khz-art","avatar":null,"followed":false,"followsYou":false},"media":[],"resources":[{"id":"iDuiYs2sDxXHPVXYmL9D","resolved":true,"title":"Infinite Canvas Wall","body":"$57","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"An endless wall of images for portfolios, lookbooks, archives and studio homepages. Drag in any direction and it never runs out: the grid wraps on both axes, so there is no edge to hit."}]},{"type":"paragraph","content":[{"type":"text","text":"Let go and it glides on with a little momentum. Arrow keys move it too, and Wheel Pan lets a trackpad or mouse wheel steer it when you want the canvas to own the scroll."}]},{"type":"paragraph","content":[{"type":"text","text":"Tiles: image, title, meta line and an optional link for each tile. Add up to sixty; they repeat in a shifted order so neighbours rarely match."}]},{"type":"paragraph","content":[{"type":"text","text":"Tile W, W / H and Gap: from tight contact sheets to large portrait frames."}]},{"type":"paragraph","content":[{"type":"text","text":"Stagger: every other column drops by part of a tile, for the offset rhythm of a pinned wall. Set it to 0 for a straight grid."}]},{"type":"paragraph","content":[{"type":"text","text":"Radius: square editorial corners or soft cards."}]},{"type":"paragraph","content":[{"type":"text","text":"Captions: title and number under each image, with their own Title and Meta fonts. Switch them off for an image-only wall."}]},{"type":"paragraph","content":[{"type":"text","text":"Dim Others: hover a tile and the rest step back."}]},{"type":"paragraph","content":[{"type":"text","text":"Color, Muted and Background: light, dark or your brand color."}]},{"type":"paragraph","content":[{"type":"text","text":"Glide: how far it drifts after you let go."}]},{"type":"paragraph","content":[{"type":"text","text":"Hint: a small \"Drag to explore\" label that disappears after the first move. Leave it empty to hide it."}]},{"type":"paragraph","content":[{"type":"text","text":"Links stay reliable: a drag never fires a click, only a real tap or click opens a tile."}]},{"type":"paragraph","content":[{"type":"text","text":"Accessible: a focusable region with keyboard panning and real alt text on every image. Respects reduced motion. On the canvas and in static exports it renders the wall at rest, correctly laid out."}]},{"type":"paragraph","content":[{"type":"text","text":"Zero dependencies and no network requests. Only the tiles needed to cover the frame are drawn, then recycled as you move. Ships with eight demo photographs so it works the moment you drop it in. The demo photographs are AI-generated placeholders; replace them with your own work."}]},{"type":"paragraph","content":[{"type":"text","text":"Built by KHZ ART, a Tokyo studio working in editorial and fashion."}]}]},"introduction":"Drag-anywhere image wall, endless.","slug":"infinite-canvas-wall","author":{"framerUserId":"6310dcb0-97e0-46a1-bc86-eb592a782614","name":"KHZ ART","slug":"khz-art","avatar":null,"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6310dcb0-97e0-46a1-bc86-eb592a782614/01a10004-722f-75f8-af5f-877e87b5068c.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-10-03T04:28:01.721Z","updatedAt":"2026-10-03T04:28:01.721Z","publishedAt":"2026-10-03T04:28:01.718Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://drab-flexibility-030161.framer.app/canvas-wall","price":"15","paymentUrl":"https://buy.stripe.com/fZu28rcIOe2J8XffD0c3m10","workshop":false,"categories":[{"id":"66bb31f7-cddf-4a3e-8604-95b3467aecc2","name":"Galleries","slug":"galleries"}],"lastSaveId":"CTgJbARHbOgEBnlPDj3E","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-03T04:28:02.373Z","updatedAt":"2026-10-03T04:28:02.373Z"},{"id":"01a0c484-30dc-76ee-9e6e-df3a225cba96","title":null,"body":"

Before / After is out. A compare slider with a hairline divider - drag, click or hover, horizontal or vertical, and it moves with the arrow keys. Labels in any font, readable on light and dark photos. Ships with a graded / ungraded demo pair.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Before / After is out. A compare slider with a hairline divider - drag, click or hover, horizontal or vertical, and it moves with the arrow keys. Labels in any font, readable on light and dark photos. Ships with a graded / ungraded demo pair."}]}]},"author":{"framerUserId":"6310dcb0-97e0-46a1-bc86-eb592a782614","name":"KHZ ART","slug":"khz-art","avatar":null,"followed":false,"followsYou":false},"media":[],"resources":[{"id":"XnfgwI3G9CmYKrPAnwUK","resolved":true,"title":"Hairline Compare","body":"$58","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A compare slider with a hairline divider - for retouching, colour grading, renovation, product and architecture work."}]},{"type":"paragraph","content":[{"type":"text","text":"Drag it, click anywhere to jump, or switch to Hover so the divider follows the pointer. Horizontal or vertical."}]},{"type":"paragraph","content":[{"type":"text","text":"Keyboard accessible: the slider takes focus and moves with the arrow keys (Shift for bigger steps, Home and End for the edges). Screen readers get a proper slider with its value."}]},{"type":"paragraph","content":[{"type":"text","text":"Start sets where the divider sits on load. The line width and colour, the round handle and its size are all in the panel, and the handle can be hidden for a cleaner look."}]},{"type":"paragraph","content":[{"type":"text","text":"Labels: Before and After text in any font, placed at the edges and readable on light and dark photos."}]},{"type":"paragraph","content":[{"type":"text","text":"Radius for rounded frames. Touch friendly: dragging sideways moves the slider, dragging up and down still scrolls the page."}]},{"type":"paragraph","content":[{"type":"text","text":"Ships with a demo pair (an ungraded and a graded photograph) so it works the moment you drop it in."}]},{"type":"paragraph","content":[{"type":"text","text":"Zero dependencies, no network. On the canvas it renders at the start position."}]},{"type":"paragraph","content":[{"type":"text","text":"Built by KHZ ART, a Tokyo studio working in editorial and fashion."}]}]},"introduction":"Before/after image compare slider","slug":"hairline-compare","author":{"framerUserId":"6310dcb0-97e0-46a1-bc86-eb592a782614","name":"KHZ ART","slug":"khz-art","avatar":null,"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6310dcb0-97e0-46a1-bc86-eb592a782614/01a0c483-ac92-76af-938e-e72a39695f5b.png","metadata":{"tint":{"h":180,"s":13,"l":13},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-09-21T15:09:52.133Z","updatedAt":"2026-09-24T12:12:28.962Z","publishedAt":"2026-09-21T15:09:52.128Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://drab-flexibility-030161.framer.app/before-after","price":"9","paymentUrl":"https://buy.stripe.com/5kQ28r1063o51uN76uc3m0W","workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"YCuE0BgsbLyVPZoHJ4JZ","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-21T15:09:52.733Z","updatedAt":"2026-09-21T15:09:52.733Z"},{"id":"01a0c47c-d652-713a-9e90-bd882752dbe2","title":null,"body":"

Image Trail is out. The cursor leaves a trail of photographs - an image is dropped only after the pointer travels a set distance, so a slow hand leaves a slow trail. Tilt, mono, caption, life and spacing in the panel. Ships with eight demo photographs.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Image Trail is out. The cursor leaves a trail of photographs - an image is dropped only after the pointer travels a set distance, so a slow hand leaves a slow trail. Tilt, mono, caption, life and spacing in the panel. Ships with eight demo photographs."}]}]},"author":{"framerUserId":"6310dcb0-97e0-46a1-bc86-eb592a782614","name":"KHZ ART","slug":"khz-art","avatar":null,"followed":false,"followsYou":false},"media":[],"resources":[{"id":"yylV9y0t5hZdpE0HMFg5","resolved":true,"title":"Photo Trail Cursor","body":"$59","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"The cursor leaves a trail of photographs. Move slowly and the trail is slow; stop and the images fade on their own."}]},{"type":"paragraph","content":[{"type":"text","text":"Image Trail is built for portfolio and editorial pages, where the pictures should do the talking and the effect should stay out of the way."}]},{"type":"paragraph","content":[{"type":"text","text":"Spacing: an image is dropped only after the pointer has travelled a set distance, so the trail follows the hand instead of flooding the screen."}]},{"type":"paragraph","content":[{"type":"text","text":"Life and Max On Screen: how long each image stays and how many can be visible at once. Old images leave on a timer, not every frame, so the page stays light."}]},{"type":"paragraph","content":[{"type":"text","text":"Tilt, Radius and Mono: a small random tilt, rounded corners, or a black-and-white trail for colour work."}]},{"type":"paragraph","content":[{"type":"text","text":"Caption: an optional line of text in the middle, set in any font from the panel."}]},{"type":"paragraph","content":[{"type":"text","text":"Images are preloaded so the first pass never shows an empty frame. On touch screens the page scrolls normally."}]},{"type":"paragraph","content":[{"type":"text","text":"Ships with eight demo photographs so it works the moment you drop it in - replace them in the Images list."}]},{"type":"paragraph","content":[{"type":"text","text":"Zero dependencies, nothing loaded at runtime except your own images. On the canvas and in static exports it renders a still, composed stack."}]},{"type":"paragraph","content":[{"type":"text","text":"Built by KHZ ART, a Tokyo studio working in editorial and fashion."}]},{"type":"paragraph","content":[{"type":"text","text":"More from KHZ ART for image-led pages: Chiaroscuro Light (a cursor spotlight over a dark photo), Hover Index (project list with a cursor-following image) and Infinite Canvas Wall (an endless draggable image wall)."}]}]},"introduction":"Image trail cursor effect","slug":"photo-trail-cursor","author":{"framerUserId":"6310dcb0-97e0-46a1-bc86-eb592a782614","name":"KHZ ART","slug":"khz-art","avatar":null,"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6310dcb0-97e0-46a1-bc86-eb592a782614/01a13082-df48-7079-b2b4-f255d95f5b31.jpg","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-09-21T15:01:50.167Z","updatedAt":"2026-10-12T14:27:29.332Z","publishedAt":"2026-09-21T15:01:50.164Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/KhzImageTrail-7LucPg.js@bqYBMh95OlGxK5BVuxkQ","previewUrl":"https://drab-flexibility-030161.framer.app/image-trail","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"c0182b81-fefe-45f5-ba00-27459f05e2a7","name":"Cursors","slug":"cursors"}],"lastSaveId":"bqYBMh95OlGxK5BVuxkQ","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-09-21T15:01:50.802Z","updatedAt":"2026-09-21T15:01:50.802Z"},{"id":"01a0c471-35b7-70fe-944c-95cf03aebc73","title":null,"body":"

Hover Index is out. The editorial project list: hover a row and its image follows the cursor, easing behind it, while the other rows dim. Rows are real links, keyboard focus shows the image too, and touch screens get a plain list.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hover Index is out. The editorial project list: hover a row and its image follows the cursor, easing behind it, while the other rows dim. Rows are real links, keyboard focus shows the image too, and touch screens get a plain list."}]}]},"author":{"framerUserId":"6310dcb0-97e0-46a1-bc86-eb592a782614","name":"KHZ ART","slug":"khz-art","avatar":null,"followed":false,"followsYou":false},"media":[],"resources":[{"id":"ZAvyr5aEsrDv5aI0lNsg","resolved":true,"title":"Hover Index","body":"$5a","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"An editorial project list. Hover a row and its image appears and follows the cursor, easing a little behind it."}]},{"type":"paragraph","content":[{"type":"text","text":"The index layout seen on studio and agency sites: large titles, a quiet meta column and a year, hairline dividers, and the other rows dimming while one is active."}]},{"type":"paragraph","content":[{"type":"text","text":"Rows: title, meta, year, image and link for each project, edited in the panel. Rows are real links and can open in a new tab."}]},{"type":"paragraph","content":[{"type":"text","text":"Follow: how far the image lags behind the cursor. Lower is softer."}]},{"type":"paragraph","content":[{"type":"text","text":"Image size and ratio, row padding, dividers on or off, colours and two fonts - title and meta - with full font controls."}]},{"type":"paragraph","content":[{"type":"text","text":"Keyboard: tabbing to a row shows its image too. On touch screens the list works as a plain list without the floating image."}]},{"type":"paragraph","content":[{"type":"text","text":"Images are preloaded, so the first hover is never empty. Ships with four demo projects and photographs so it works the moment you drop it in."}]},{"type":"paragraph","content":[{"type":"text","text":"Zero dependencies, no network. On the canvas it renders the list with the first image shown."}]},{"type":"paragraph","content":[{"type":"text","text":"Built by KHZ ART, a Tokyo studio working in editorial and fashion."}]},{"type":"paragraph","content":[{"type":"text","text":"For film and motion work, see Hover Reel - the same list with video that plays on hover."}]},{"type":"paragraph","content":[{"type":"text","text":"Bundle: Hover Index + Hover Reel for $18 (save $3) - https://buy.stripe.com/fZu28r6kqbUBflD9eCc3m16"}]}]},"introduction":"Hover list with image preview","slug":"hover-index","author":{"framerUserId":"6310dcb0-97e0-46a1-bc86-eb592a782614","name":"KHZ ART","slug":"khz-art","avatar":null,"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6310dcb0-97e0-46a1-bc86-eb592a782614/01a13081-dafb-76fb-a107-dbfd6c707b51.jpg","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-09-21T14:49:08.165Z","updatedAt":"2026-10-13T17:06:34.244Z","publishedAt":"2026-09-21T14:49:08.161Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://drab-flexibility-030161.framer.app/hover-index","price":"9","paymentUrl":"https://buy.stripe.com/fZu14ncIO8Ipddv3Uic3m0X","workshop":false,"categories":[{"id":"66bb31f7-cddf-4a3e-8604-95b3467aecc2","name":"Galleries","slug":"galleries"}],"lastSaveId":"dmGiXWCDNXmI2EzPvU29","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-21T14:49:08.791Z","updatedAt":"2026-09-21T14:49:08.791Z"},{"id":"01a0a7cf-d6a1-767a-9bf8-a3ee91412171","title":null,"body":"

The place a Japanese page gives itself away fastest is a two-line heading with one character alone on the second line.

In print that is caught by hand every time. On the web nothing catches it, so it ships, and the heading reads slightly broken to a native reader who will never write to tell you why.

Headings are where to look first if you only have five minutes: https://khz-art.com/en/framer-japanese

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"The place a Japanese page gives itself away fastest is a two-line heading with one character alone on the second line."}]},{"type":"paragraph","content":[{"type":"text","text":"In print that is caught by hand every time. On the web nothing catches it, so it ships, and the heading reads slightly broken to a native reader who will never write to tell you why."}]},{"type":"paragraph","content":[{"type":"text","text":"Headings are where to look first if you only have five minutes: https://khz-art.com/en/framer-japanese"}]}]},"author":{"framerUserId":"6310dcb0-97e0-46a1-bc86-eb592a782614","name":"KHZ ART","slug":"khz-art","avatar":null,"followed":false,"followsYou":false},"media":[],"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":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-16T01:23:31.110Z","updatedAt":"2026-09-16T01:23:31.110Z"},{"id":"01a0a32f-4e95-7763-a065-f96ae485ddb3","title":null,"body":"

It is not only Japanese. Simplified and Traditional Chinese have no spaces between words. Neither does Thai. The browser wraps all three wherever the box happens to end.

If you are shipping to those markets from Framer, the layout you approved in English is not the layout your reader sees.

We handle line breaking for Japanese, Chinese and Thai in one pass on the published site: https://khz-art.com/en/framer-japanese

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"It is not only Japanese. Simplified and Traditional Chinese have no spaces between words. Neither does Thai. The browser wraps all three wherever the box happens to end."}]},{"type":"paragraph","content":[{"type":"text","text":"If you are shipping to those markets from Framer, the layout you approved in English is not the layout your reader sees."}]},{"type":"paragraph","content":[{"type":"text","text":"We handle line breaking for Japanese, Chinese and Thai in one pass on the published site: https://khz-art.com/en/framer-japanese"}]}]},"author":{"framerUserId":"6310dcb0-97e0-46a1-bc86-eb592a782614","name":"KHZ ART","slug":"khz-art","avatar":null,"followed":false,"followsYou":false},"media":[],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":5,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-15T03:49:41.656Z","updatedAt":"2026-09-15T03:49:41.656Z"},{"id":"01a09d8f-fb65-76ac-b63f-61a42ea19640","title":null,"body":"

A translation plugin moves the words. It does not move the typography.

That distinction is invisible in Latin languages, because the rules are the same on both sides of the swap. In Japanese they are not: the browser has no idea where a phrase ends, so it wraps mid-name and mid-number, and no amount of correct translation fixes it.

So there are two jobs, not one. The second one is written out here, with before and after: https://khz-art.com/en/framer-japanese

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A translation plugin moves the words. It does not move the typography."}]},{"type":"paragraph","content":[{"type":"text","text":"That distinction is invisible in Latin languages, because the rules are the same on both sides of the swap. In Japanese they are not: the browser has no idea where a phrase ends, so it wraps mid-name and mid-number, and no amount of correct translation fixes it."}]},{"type":"paragraph","content":[{"type":"text","text":"So there are two jobs, not one. The second one is written out here, with before and after: https://khz-art.com/en/framer-japanese"}]}]},"author":{"framerUserId":"6310dcb0-97e0-46a1-bc86-eb592a782614","name":"KHZ ART","slug":"khz-art","avatar":null,"followed":false,"followsYou":false},"media":[],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-14T01:37:34.056Z","updatedAt":"2026-09-14T01:37:34.056Z"},{"id":"01a098ea-ad5e-756f-81f9-79c16525fe96","title":null,"body":"

A question worth asking before you hand the Japanese version of a site to anyone: ask them what they do about line breaking.

If the answer is "the browser handles it", they have not built a Japanese page before. It does not.

We wrote down everything we check, so you can use it as a checklist whether or not you work with us: https://khz-art.com/en/framer-japanese

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A question worth asking before you hand the Japanese version of a site to anyone: ask them what they do about line breaking."}]},{"type":"paragraph","content":[{"type":"text","text":"If the answer is \"the browser handles it\", they have not built a Japanese page before. It does not."}]},{"type":"paragraph","content":[{"type":"text","text":"We wrote down everything we check, so you can use it as a checklist whether or not you work with us: https://khz-art.com/en/framer-japanese"}]}]},"author":{"framerUserId":"6310dcb0-97e0-46a1-bc86-eb592a782614","name":"KHZ ART","slug":"khz-art","avatar":null,"followed":false,"followsYou":false},"media":[],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-13T03:58:31.777Z","updatedAt":"2026-09-13T03:58:31.777Z"},{"id":"01a093b9-48ef-7482-9c5e-a075a2de5c10","title":null,"body":"

Some Japanese words cannot be read on sight — a family name, a place, a technical term. Print solves it with small characters set above the word. It is called furigana, and Chinese does the same thing with pinyin.

The web has had a tag for it since 2001 and almost no design tool exposes it.

If your Japanese page needs to be read by someone who is not already fluent, this is the piece: https://khz-art.com/en/framer-japanese

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Some Japanese words cannot be read on sight — a family name, a place, a technical term. Print solves it with small characters set above the word. It is called furigana, and Chinese does the same thing with pinyin."}]},{"type":"paragraph","content":[{"type":"text","text":"The web has had a tag for it since 2001 and almost no design tool exposes it."}]},{"type":"paragraph","content":[{"type":"text","text":"If your Japanese page needs to be read by someone who is not already fluent, this is the piece: https://khz-art.com/en/framer-japanese"}]}]},"author":{"framerUserId":"6310dcb0-97e0-46a1-bc86-eb592a782614","name":"KHZ ART","slug":"khz-art","avatar":null,"followed":false,"followsYou":false},"media":[],"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-09-12T03:46:28.724Z","updatedAt":"2026-09-12T03:46:28.724Z"},{"id":"01a08529-f5fd-7209-bb56-5cf19be2b19c","title":null,"body":"

Line Balance is out, free. It fixes the three ways a headline breaks: a single word falling to its own line, lines of wildly different length, and — in Japanese — a line that starts with 、 or ）. Measured over 90 headlines in Chromium: widows 24.4% to 1.1%, line-width SD 109px to 25px. No dependencies, no network, no animation.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Line Balance is out, free. It fixes the three ways a headline breaks: a single word falling to its own line, lines of wildly different length, and — in Japanese — a line that starts with 、 or ）. Measured over 90 headlines in Chromium: widows 24.4% to 1.1%, line-width SD 109px to 25px. No dependencies, no network, no animation."}]}]},"author":{"framerUserId":"6310dcb0-97e0-46a1-bc86-eb592a782614","name":"KHZ ART","slug":"khz-art","avatar":null,"followed":false,"followsYou":false},"media":[],"resources":[{"id":"jpLTKzT0opxHMaNJdLgl","resolved":true,"title":"Line Balance","body":"$5b","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A headline is the first thing people read and the first thing that breaks. The browser drops the last word onto its own line, leaves one line long and the next one short, and in Japanese it starts a line with 、 or ）."}]},{"type":"paragraph","content":[{"type":"text","text":"Line Balance fixes all of that in one component. Type your text, pick a tag, and the line breaks are handled."}]},{"type":"paragraph","content":[{"type":"text","text":"No Widow: the last two words are joined so a single word never falls alone. Measured over 90 headlines in Chromium: 24.4% had a widow, 1.1% after."}]},{"type":"paragraph","content":[{"type":"text","text":"Balanced measure: text-wrap balance evens out the line lengths. Standard deviation of line width fell from 109px to 25px in the same test - the words are untouched, only the folding changes."}]},{"type":"paragraph","content":[{"type":"text","text":"Kinsoku: closing brackets, punctuation, small kana and long vowel marks never start a line; opening brackets never end one; ... and -- are never split. CSS line-break alone still lets these through."}]},{"type":"paragraph","content":[{"type":"text","text":"Auto Phrase folds Japanese at phrase boundaries where the browser supports it. Plus hanging punctuation, a measure limit in ch, and h1/h2/h3/p."}]},{"type":"paragraph","content":[{"type":"text","text":"Zero dependencies, nothing loaded from outside your site, no animation - the canvas and the static export show exactly what the page shows."}]},{"type":"paragraph","content":[{"type":"text","text":"Built by KHZ ART, a Tokyo studio that sets type on the web."}]},{"type":"paragraph","content":[{"type":"text","text":"More from KHZ ART for Japanese type on the web: Vertical Type (true tategaki, with upright numbers and ruby) and Editorial Reveal (headline reveal that breaks Japanese at phrase boundaries)."}]}]},"introduction":"Balanced line breaks, no widows","slug":"line-balance","author":{"framerUserId":"6310dcb0-97e0-46a1-bc86-eb592a782614","name":"KHZ ART","slug":"khz-art","avatar":null,"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6310dcb0-97e0-46a1-bc86-eb592a782614/01a10074-df20-775c-bfb2-4b937231ae46.jpg","metadata":{"tint":{"h":0,"s":0,"l":3},"width":3200,"height":2400}}],"post":null,"createdAt":"2026-09-09T07:55:14.248Z","updatedAt":"2026-10-05T14:55:46.055Z","publishedAt":"2026-09-09T07:55:14.242Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/LineBalance-FZFPYv.js@Z63DxWRmy7qHrGUVJIWx","previewUrl":"https://drab-flexibility-030161.framer.app/line-balance","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"Z63DxWRmy7qHrGUVJIWx","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-09T07:55:14.814Z","updatedAt":"2026-09-09T07:55:14.814Z"},{"id":"01a081cb-7c2c-766e-9fd2-a3fd78ebe823","title":null,"body":"

Vertical Type is out. It sets real Japanese tategaki in Framer — text top to bottom, columns right to left — with ruby written inline as 漢字《かんじ》, digits standing upright inside the line (4時, 2026年), kinsoku line-breaking, and emphasis dots. No dependencies, no network requests. Live preview on the listing.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Vertical Type is out. It sets real Japanese tategaki in Framer — text top to bottom, columns right to left — with ruby written inline as 漢字《かんじ》, digits standing upright inside the line (4時, 2026年), kinsoku line-breaking, and emphasis dots. No dependencies, no network requests. Live preview on the listing."}]}]},"author":{"framerUserId":"6310dcb0-97e0-46a1-bc86-eb592a782614","name":"KHZ ART","slug":"khz-art","avatar":null,"followed":false,"followsYou":false},"media":[],"resources":[{"id":"fXs7lIEvo7R5emDeWvHG","resolved":true,"title":"Vertical Type","body":"$5c","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Japanese is written vertically in books, posters and signage, but the web still sets it sideways. Framer has no vertical text, and CSS writing-mode alone is not enough: numbers lie on their side, ruby lands on the wrong edge, and lines break in front of a small tsu."}]},{"type":"paragraph","content":[{"type":"text","text":"Vertical Type sets real tategaki. Text runs top to bottom, columns run right to left, and the details that make vertical Japanese readable are handled for you."}]},{"type":"paragraph","content":[{"type":"text","text":"Ruby (furigana) written inline as 漢字《かんじ》 or ｜好《す》き, placed on the correct side of the column."}]},{"type":"paragraph","content":[{"type":"text","text":"Tate-chu-yoko: runs of digits stand upright inside the vertical line, so 4時 and 2026年 read as they do in print."}]},{"type":"paragraph","content":[{"type":"text","text":"Kinsoku shori: small kana, closing brackets and punctuation never start a line."}]},{"type":"paragraph","content":[{"type":"text","text":"Emphasis dots (bouten) written as ＊語＊, the Japanese equivalent of italics."}]},{"type":"paragraph","content":[{"type":"text","text":"Optional column-by-column reveal, with duration, stagger and shift as controls."}]},{"type":"paragraph","content":[{"type":"text","text":"Font, colour, line gap, tracking and alignment are ordinary Framer controls."}]},{"type":"paragraph","content":[{"type":"text","text":"Zero dependencies. Nothing is loaded from outside your site. Renders correctly in static export and on the canvas."}]},{"type":"paragraph","content":[{"type":"text","text":"Built by KHZ ART, a Tokyo studio that sets Japanese type on the web."}]}]},"introduction":"Vertical Japanese text with ruby","slug":"vertical-type","author":{"framerUserId":"6310dcb0-97e0-46a1-bc86-eb592a782614","name":"KHZ ART","slug":"khz-art","avatar":null,"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6310dcb0-97e0-46a1-bc86-eb592a782614/01a10075-a2a1-75cf-be6d-e38a7d42d377.jpg","metadata":{"tint":{"h":0,"s":0,"l":3},"width":3200,"height":2400}}],"post":null,"createdAt":"2026-09-08T16:13:11.038Z","updatedAt":"2026-10-05T15:08:00.136Z","publishedAt":"2026-09-08T16:13:11.036Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://drab-flexibility-030161.framer.app/","price":"12","paymentUrl":"https://buy.stripe.com/4gM3cv5gm1fX3CV9eCc3m0U","workshop":false,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"VrpYXreowQvmMVmkekKw","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-08T16:13:11.596Z","updatedAt":"2026-09-08T16:13:11.596Z"},{"id":"01a08104-9347-70d9-98b0-13b826a09460","title":null,"body":"

Editorial Reveal is out. It brings text in line by line — and it breaks Japanese and Chinese lines at phrase boundaries instead of wherever the box happens to end. Latin text keeps normal word wrapping. No dependencies, no network requests. Live preview on the listing.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Editorial Reveal is out. It brings text in line by line — and it breaks Japanese and Chinese lines at phrase boundaries instead of wherever the box happens to end. Latin text keeps normal word wrapping. No dependencies, no network requests. Live preview on the listing."}]}]},"author":{"framerUserId":"6310dcb0-97e0-46a1-bc86-eb592a782614","name":"KHZ ART","slug":"khz-art","avatar":null,"followed":false,"followsYou":false},"media":[],"resources":[{"id":"VWcGMjegIZJ6RWcpm4Iy","resolved":true,"title":"Editorial Reveal","body":"

Most reveal-text components break lines the way English breaks them: at spaces. Japanese and Chinese have no spaces, so the browser breaks wherever the box runs out of room, and a phrase splits in half — 東京都の家賃 / は高すぎる.

Editorial Reveal breaks CJK lines at phrase boundaries instead, then raises each line from below with a soft blur. Latin text is left alone and keeps normal word wrapping.

Phrase-aware line breaking for Japanese and Chinese. No dictionary, no network request.

Line-by-line rise, with duration, delay, stagger, rise distance and blur as controls.

Plays once on enter, or every time the text re-enters the viewport.

Font, colour, alignment and line height are ordinary Framer controls.

Zero dependencies. Nothing is loaded from outside your site.

Built by KHZ ART, a Tokyo studio that sets Japanese type on the web.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Most reveal-text components break lines the way English breaks them: at spaces. Japanese and Chinese have no spaces, so the browser breaks wherever the box runs out of room, and a phrase splits in half — 東京都の家賃 / は高すぎる."}]},{"type":"paragraph","content":[{"type":"text","text":"Editorial Reveal breaks CJK lines at phrase boundaries instead, then raises each line from below with a soft blur. Latin text is left alone and keeps normal word wrapping."}]},{"type":"paragraph","content":[{"type":"text","text":"Phrase-aware line breaking for Japanese and Chinese. No dictionary, no network request."}]},{"type":"paragraph","content":[{"type":"text","text":"Line-by-line rise, with duration, delay, stagger, rise distance and blur as controls."}]},{"type":"paragraph","content":[{"type":"text","text":"Plays once on enter, or every time the text re-enters the viewport."}]},{"type":"paragraph","content":[{"type":"text","text":"Font, colour, alignment and line height are ordinary Framer controls."}]},{"type":"paragraph","content":[{"type":"text","text":"Zero dependencies. Nothing is loaded from outside your site."}]},{"type":"paragraph","content":[{"type":"text","text":"Built by KHZ ART, a Tokyo studio that sets Japanese type on the web."}]}]},"introduction":"Text reveal animation, CJK-safe","slug":"editorial-reveal","author":{"framerUserId":"6310dcb0-97e0-46a1-bc86-eb592a782614","name":"KHZ ART","slug":"khz-art","avatar":null,"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6310dcb0-97e0-46a1-bc86-eb592a782614/01a10074-07e1-7158-8597-b58471ad64f1.jpg","metadata":{"tint":{"h":0,"s":0,"l":3},"width":3200,"height":2400}}],"post":null,"createdAt":"2026-09-08T12:35:55.241Z","updatedAt":"2026-10-05T15:07:03.491Z","publishedAt":"2026-09-08T12:35:55.238Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://drab-flexibility-030161.framer.app/editorial-reveal","price":"9","paymentUrl":"https://buy.stripe.com/8x28wP38egaR4GZ62qc3m0T","workshop":false,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"qPczEBCZP2GSiNOarXrk","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-08T12:35:55.848Z","updatedAt":"2026-09-08T12:35:55.848Z"},{"id":"01a07561-953f-7694-b652-23e968395e0d","title":null,"body":"$5d","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Japanese has no spaces between words, so a browser is free to break a line anywhere — including in front of a closing bracket, a comma or a full stop. Japanese typesetting does not allow those characters to start a line."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"We built a page that counts it instead of arguing about it. Paste any Japanese into it and it reads the line boxes your own browser just drew, then reports two numbers: how many lines began with a character that may not begin a line, and how many Latin words were broken mid-word. Drag the column width or the type size and watch the numbers move."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"https://khz-art.com/en/japanese-line-break-test","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://khz-art.com/en/japanese-line-break-test","target":"_blank"}}]}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"If your site needs this fixed, the three plugins behind it are free on the Marketplace — Kumihan (phrase-aware line breaking, ja / zh-hans / zh-hant / th), Rubi (a reading above a word), Waei (the quarter-em of air between Japanese and Latin). In English they do nothing at all."}]}]},"author":{"framerUserId":"6310dcb0-97e0-46a1-bc86-eb592a782614","name":"KHZ ART","slug":"khz-art","avatar":null,"followed":false,"followsYou":false},"media":[],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":6,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-06T06:22:04.610Z","updatedAt":"2026-09-06T06:22:04.610Z"}],"pagination":{"next":"MDFhMDc1NjEtOTUzZi03Njk0LWI2NTItMjNlOTY4Mzk1ZTBk","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L5e"}]