50:I[267044,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/15s1ft4k9lx-7.js","/creators-assets/_next/static/immutable/chunks/0x8sumr53pdkk.js","/creators-assets/_next/static/immutable/chunks/3pud1dqsw0-_7.js","/creators-assets/_next/static/immutable/chunks/1m75iqpnspynu.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/3ohf-5_4hfjuq.js","/creators-assets/_next/static/immutable/chunks/2jjhfe7-w6y9a.js","/creators-assets/_next/static/immutable/chunks/325i2v5l4tnlq.js","/creators-assets/_next/static/immutable/chunks/0kisxyo3aw231.js","/creators-assets/_next/static/immutable/chunks/2b1mm8iiske-y.js","/creators-assets/_next/static/immutable/chunks/0i7m0zg6jfazw.js","/creators-assets/_next/static/immutable/chunks/3-hmotkz_bdv_.js","/creators-assets/_next/static/immutable/chunks/06bqtx1jsc1kz.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3naniu4pnqfyw.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/456d4lcv9-syj.js","/creators-assets/_next/static/immutable/chunks/36-o7-3julke0.js","/creators-assets/_next/static/immutable/chunks/2xq6uu2rcdc2i.js","/creators-assets/_next/static/immutable/chunks/2y9gv91n8o3i9.js","/creators-assets/_next/static/immutable/chunks/3z6ke99nzr4_e.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/1fkcqskfw4hol.js","/creators-assets/_next/static/immutable/chunks/3ixl4aqv6ylo7.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/2di2v55rtz-8i.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/00owjoob9gqs9.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js"],"S"] 51: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.

52: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.

53: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.

54: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.

55: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.

56: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).

57:T42d,

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.

58: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).

59: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.

5a: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":"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/01a10c47-fd35-77dd-a65c-15486790b471.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-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/01a0c47c-5318-739c-9954-70d85f8e0c2f.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: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/01a0c470-b4ac-74bd-bee7-bd61a33e94bd.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-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":"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":"$51","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/01a10c47-fd35-77dd-a65c-15486790b471.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-10-05T13:37:14.710Z","updatedAt":"2026-10-05T15:05:11.434Z","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":"$52","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":"$53","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":"$54","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":"$55","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":"$56","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/01a0c47c-5318-739c-9954-70d85f8e0c2f.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-09-21T15:01:50.167Z","updatedAt":"2026-10-05T15:09:01.557Z","publishedAt":"2026-09-21T15:01:50.164Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://sub.chujiqiqi.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":"$57","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."}]}]},"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/01a0c470-b4ac-74bd-bee7-bd61a33e94bd.png","metadata":{"tint":{"h":0,"s":0,"l":58},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-09-21T14:49:08.165Z","updatedAt":"2026-10-05T15:06:05.960Z","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":"GqfarduB4gbncYgdhimu","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":"$58","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://sub.chujiqiqi.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":"$59","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":"$5a","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"},{"id":"01a0618e-f20c-720d-b7a0-5f827dc61d11","title":null,"body":"

Japanese has no spaces between words, so a browser breaks a line wherever it runs out of room — mid-phrase, mid-name, mid-number. To a native reader, that one break is what makes a beautiful site look unfinished.

We rebuilt the Kumihan page today to show it in real type: browser default above, phrase-aware breaking below. The same for 简体中文, 繁體中文 and ไทย.

Free for headings. $25 once for the whole page.

日本語の改行を、文節で。

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Japanese has no spaces between words, so a browser breaks a line wherever it runs out of room — mid-phrase, mid-name, mid-number. To a native reader, that one break is what makes a beautiful site look unfinished."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"We rebuilt the Kumihan page today to show it in real type: browser default above, phrase-aware breaking below. The same for 简体中文, 繁體中文 and ไทย."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Free for headings. $25 once for the whole page."}]},{"type":"paragraph","content":[{"type":"text","text":"日本語の改行を、文節で。"}]}]},"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/01a0618e-cea5-7501-add5-7a77db70b8b1.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":3200,"height":2400}}],"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":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-02T09:59:13.170Z","updatedAt":"2026-09-02T09:59:13.170Z"},{"id":"01a0479c-029e-71de-8cc2-23b282e14954","title":null,"body":"

If you are shipping a multilingual Framer site, the translation is the easy half.

The hard half is what happens to the layout afterwards. German runs long and breaks your buttons. Japanese has no spaces and breaks your line endings. Thai has no spaces either and breaks differently again.

We only solved the CJK side of that, because it is the side nobody else has: https://khz-art.com/en/framer-japanese

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"If you are shipping a multilingual Framer site, the translation is the easy half."}]},{"type":"paragraph","content":[{"type":"text","text":"The hard half is what happens to the layout afterwards. German runs long and breaks your buttons. Japanese has no spaces and breaks your line endings. Thai has no spaces either and breaks differently again."}]},{"type":"paragraph","content":[{"type":"text","text":"We only solved the CJK side of that, because it is the side nobody else has: 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-08-28T09:03:21.762Z","updatedAt":"2026-08-28T09:03:21.762Z"},{"id":"01a0478f-683d-7147-87ab-0e05886eff7c","title":null,"body":"

In Japanese typesetting there is a rule that a line may not begin with a closing bracket, a small kana, or a full stop. Print has followed it for a century. The web ignores it.

The result is the thing you cannot unsee once you have seen it: a single punctuation mark alone at the start of a line, or one character stranded on the last line of a paragraph.

If you are building a Japanese page in Framer, this is what to look for first: https://khz-art.com/en/framer-japanese

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"In Japanese typesetting there is a rule that a line may not begin with a closing bracket, a small kana, or a full stop. Print has followed it for a century. The web ignores it."}]},{"type":"paragraph","content":[{"type":"text","text":"The result is the thing you cannot unsee once you have seen it: a single punctuation mark alone at the start of a line, or one character stranded on the last line of a paragraph."}]},{"type":"paragraph","content":[{"type":"text","text":"If you are building a Japanese page in Framer, this is what to look for first: 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":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-28T08:49:35.808Z","updatedAt":"2026-08-28T08:49:35.808Z"},{"id":"01a03860-5838-715c-8d9b-0757c7b64c07","title":null,"body":"

One detail decides whether a Japanese page reads expensive or cheap: the quarter-em of space between Japanese characters and Latin ones.

Type has always put it there. Browsers never have. So a line like 2026年のKHZ ARTの映像 comes out jammed, and readers feel it without being able to name it.

It is a small fix and it changes the whole page. Free plugin, no account: https://khz-art.com/en/framer-japanese

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"One detail decides whether a Japanese page reads expensive or cheap: the quarter-em of space between Japanese characters and Latin ones."}]},{"type":"paragraph","content":[{"type":"text","text":"Type has always put it there. Browsers never have. So a line like 2026年のKHZ ARTの映像 comes out jammed, and readers feel it without being able to name it."}]},{"type":"paragraph","content":[{"type":"text","text":"It is a small fix and it changes the whole page. Free plugin, no account: 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-08-25T10:03:53.277Z","updatedAt":"2026-08-25T10:03:53.277Z"}],"pagination":{"next":"MDFhMDM4NjAtNTgzOC03MTVjLThkOWItMDc1N2M3YjY0YzA3","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L5b"}]