razroo

razroo / textura

Public

Pretext x Yoga = Textura. DOM-free layout engine for the web

razroo.github.iotextura
48
1
100% credibility
Found Mar 30, 2026 at 48 stars -- GitGems finds repos before they trend. Get early access to the next one.
Sign Up Free
AI Analysis
TypeScript
AI Summary

Textura computes precise positions, sizes, and text wrapping for UI layouts described in simple tree structures, enabling fast previews and AI-powered analysis without relying on the browser's rendering engine.

How It Works

1
🔍 Discover Textura

You hear about a helpful tool that predicts exactly how text, buttons, and images will arrange on any screen size without building the full page.

2
🖥️ Try the Live Demo

Jump into interactive examples to see layouts calculate positions and text wrapping in real time, feeling the magic of perfect previews.

3
✏️ Sketch Your Layout

Describe your design simply with stacked or side-by-side blocks and worded areas, like planning a page on paper.

4
🧮 See Exact Results

Watch as it instantly reveals the precise spot, size, and line breaks for every piece, making planning feel effortless.

5
Choose Your Path
🎨
Build Directly

Take the measurements to create your page with confidence across all devices.

🔧
Smart Review

Let an AI buddy spot issues like overlaps or tiny buttons and suggest fixes automatically.

🎉 Perfect Design Ready

Your screen layout looks flawless on phones, tablets, and desktops – no surprises, just beautiful results.

Sign up to see the full architecture

4 more

Sign Up Free

Star Growth

See how this repo grew from 48 to 48 stars Sign Up Free
Repurpose This Repo

Repurpose is a Pro feature

Generate ready-to-use prompts for X threads, LinkedIn posts, blog posts, YouTube scripts, and more -- with full repo context baked in.

Unlock Repurpose
AI-Generated Review

What is textura?

Textura mashes Pretext from GitHub with Yoga into a TypeScript DOM-free layout engine for the web. Developers declare a UI tree of flexbox containers and text nodes—with fonts like textura quadrata, textura schrift, or textura font—and get back precise pixel geometry: positions, sizes, line counts, all without touching the DOM. It kills browser reflows that block the main thread during measurements.

Why is it gaining traction?

Zero-DOM computation enables worker-thread UIs, exact-height virtualization for massive lists, and rendering to Canvas/WebGL/SVG. The MCP server hooks AI agents (Claude, Cursor) for layout analysis—spot overflows, validate responsive at breakpoints, auto-fix issues—works with React, Tailwind, any framework. Textural accuracy rivals browsers for pretext view GitHub fans.

Who should use this?

Canvas/WebGL devs building dashboards or games needing fast layouts. Frontend engineers virtualizing 100k-item lists in React/Vue/Svelte. AI-assisted coders debugging texturas, texturat responsive breaks via MCP tools.

Verdict

Solid docs, live demo, and tests make it usable now, but 48 stars and 1.0% credibility score flag it as immature—expect rough edges. Worth prototyping for DOM-free wins; skip for stable prod.

(198 words)

Sign up to read the full AI review Sign Up Free

Similar repos coming soon.