NUCKTY / LIVE EXAMPLES
Edit a block. Get HTML.
BEMJSON describes a block structure. Choose an example or edit its content: the real nuckty engine applies templates and shows the result.
The live editor requires JavaScript. Gallery, grid and Markdown examples work without it.
02 / HTML · engine output
Tree after templates
03 / PREVIEW
BEMJSON → nu templates → HTML. The example runs in your browser; the preview opens in an isolated document.
Extensions in action
Explore gallery and grid →Gallery · select an image
examples/gallery.en.md
:::gallery
:::
Grid · each paragraph is a cell
examples/grid.en.md
Text. Write articles and guides in Markdown. Links to source files become page URLs.
Blocks. Describe the interface in BEMJSON and nu templates. Keep CSS and JavaScript alongside them.
Build. Produce static HTML, bundles, images, Brotli, Gzip and a manifest.
:::grid
Text. Write articles and guides in Markdown. Links to source files become page URLs.
Blocks. Describe the interface in BEMJSON and nu templates. Keep CSS and JavaScript alongside them.
Build. Produce static HTML, bundles, images, Brotli, Gzip and a manifest.
:::
The website is an example too
Every page is built with nuckty. The project contains its Markdown, templates, CSS and JavaScript; the output page shows the actual file sizes.