One zip each, and it opens two doors: unzip it and you have the site, running in a browser with nothing installed; hand the same zip to a design tool and you have the system behind it — tokens in the W3C format, a written guideline, a component fixture and preview pages. The code is MIT. The photographs, where a kit has any, are CC0. Nothing to sign up for.
Texture · version 1.0.0
Facets
A photograph set in resin drills that catch a moving light. One script, one attribute on a canvas, and your picture becomes a diamond painting that sparkles as the visitor moves.
The site itself, the Facets page rebuilt from the kit, as index.html
The engine, facets.js, with every option documented
A drop-in demo and three component previews
Tokens as JSON and CSS, a guideline, and manifests for both Claude Design and Open Design
Two sample photographs and the mono face, with their licenses
Use the siteUnzip and open index.html: the study itself, running, with nothing installed.
Import the systemThe same zip, read as a design system: tokens, the guideline, the component fixture and preview pages.
An eye made of the page's own words. Every character is the next letter of what the page says, set lighter or darker where the light falls; it follows the pointer, blinks, and changes colour when you click it. There is no image file anywhere in it.
The site itself, the Tint page rebuilt from the kit, as index.html
The engine, tint.js: three elements and one attribute
A drop-in demo and three component previews
Tokens as JSON and CSS, a guideline, and manifests for both Claude Design and Open Design
The mono face with its license — and no photographs to license at all
Use the siteUnzip and open index.html: the study itself, running, with nothing installed.
Import the systemThe same zip, read as a design system: tokens, the guideline, the component fixture and preview pages.
A photograph that sets itself in type. Every character flies in and finds its cell, the brightest first; move across the picture and they scatter, then drift back. The photograph is read and never shown.
The site itself, the Typeset page rebuilt from the kit, as index.html
The engine, typeset.js, and the glyph atlas it shares with Resolve
A drop-in demo and three component previews
Tokens as JSON and CSS, a guideline, and manifests for both Claude Design and Open Design
One sample photograph and the mono face, with their licenses
Use the siteUnzip and open index.html: the study itself, running, with nothing installed.
Import the systemThe same zip, read as a design system: tokens, the guideline, the component fixture and preview pages.
A photograph resolved by scrolling. It opens on one crop of the tiger, set in type, then pulls the view back to the whole frame, still in characters, until the photograph is simply there.
The site itself, the Resolve page rebuilt from the kit, as index.html
The engine, resolve.js, and the glyph atlas it shares with Typeset
A drop-in demo and three component previews
Tokens as JSON and CSS, a guideline, and manifests for both Claude Design and Open Design
One sample photograph and the mono face, with their licenses
Use the siteUnzip and open index.html: the study itself, running, with nothing installed.
Import the systemThe same zip, read as a design system: tokens, the guideline, the component fixture and preview pages.
Four pictures printed under ridged plastic. Tilt your phone, or move across a card, and each photograph becomes a second frame of the same picture: diamond painting, halftone, cross-stitch, or type.
The site itself, the Lenticular page rebuilt from the kit, as index.html
The engine, lenticular.js: one list and a folder of frames
A drop-in demo and three component previews
Tokens as JSON and CSS, a guideline, and manifests for both Claude Design and Open Design
Eight sample photographs and the mono face, with their licenses
Use the siteUnzip and open index.html: the study itself, running, with nothing installed.
Import the systemThe same zip, read as a design system: tokens, the guideline, the component fixture and preview pages.
A street seen through a window the rain is running down. Drops form, swell and fall, each one a lens over the picture. Wipe the glass and the fog creeps back. The same street shows as the photograph or as drills.
The site itself, the Rain page rebuilt from the kit, as index.html
The window, rain.js, and the drill engine it sits on, facets.js
A drop-in demo and three component previews
Tokens as JSON and CSS, a guideline, and manifests for both Claude Design and Open Design
One sample photograph and the mono face, with their licenses
Use the siteUnzip and open index.html: the study itself, running, with nothing installed.
Import the systemThe same zip, read as a design system: tokens, the guideline, the component fixture and preview pages.
A koi pond under water you can touch. A tap presses a ring into the surface and the picture bends through it. The same pond shows as drills or as the photograph.
The site itself, the Ripple page rebuilt from the kit, as index.html
The pond, ripple.js, and the drill engine it sits on, facets.js
A drop-in demo and three component previews
Tokens as JSON and CSS, a guideline, and manifests for both Claude Design and Open Design
One sample photograph and the mono face, with their licenses
Use the siteUnzip and open index.html: the study itself, running, with nothing installed.
Import the systemThe same zip, read as a design system: tokens, the guideline, the component fixture and preview pages.
A photographer's proofing sheet. Twelve frames from one session. Read one with a loupe, circle a pick in grease pencil, and the ticket adds it up. Sending sends nothing.
The site itself, the Light Table page rebuilt from the kit, as index.html
The sheet, lighttable.js: twelve frames, the loupe, the pencil, the ticket
A drop-in demo and three component previews
Tokens as JSON and CSS, a guideline, and manifests for both Claude Design and Open Design
Twelve sample photographs and the mono face, with their licenses
Use the siteUnzip and open index.html: the study itself, running, with nothing installed.
Import the systemThe same zip, read as a design system: tokens, the guideline, the component fixture and preview pages.
An invented activewear brand, shown as one day of classes. Each scene repaints the page. The pieces you tap assemble into a set, and the page prints as a line sheet.
The site itself, the Second Set page rebuilt from the kit, as index.html
Two scripts: the brand in secondset-data.js, the day in secondset.js
A drop-in demo and three component previews
Tokens as JSON and CSS, a guideline, and manifests for both Claude Design and Open Design
Eleven sample photographs and the mono face, with their licenses
Use the siteUnzip and open index.html: the study itself, running, with nothing installed.
Import the systemThe same zip, read as a design system: tokens, the guideline, the component fixture and preview pages.
