Neo-Brutal Hero
The page opener and its only h1, on the page grid. split puts the copy on columns 1–7 and the media on 8–12 (stacked under lg, media below); centered is copy only; stacked centres the copy with the media below at full width.
MadeByIliyan®
Four complete styles, each built as one system: tokens, type, motion and more than ninety React components that are written to be read, copied and changed.
367
Components
Every one with a live preview and a copy prompt.
4
Styles
Each a complete system, in light and dark.
17
Categories
From heroes and pricing to motion.
8
Full pages
Whole pages to start from.
The styles
Four ways a page can look, each drawn as one system.
Neo-Brutal
A printed poster that behaves like software: warm paper, ink outlines and hard shadows that press.
Noir Aurora
A night canvas lit by one northern-lights curtain, with hairline cards and moonlight headlines.
Soft Bento
Moulded objects on a warm oat canvas: soft tiles, rounded keys and a calm bento rhythm.
Swiss Tech Mono
A page that prints its own measured grid: paper, white tiles, ink and one signal red.
Neo-Brutal Navbar
The site header: logo, links and actions. bar is the kit's header: a full-bleed paper bar ruled with 2 px at the bottom, solid from the start, links centred (the current one on paper-2), actions at the end. floating is an inset outlined bar over a paper fade, so nothing shows around it.
Noir Aurora Pricing
Plan cards with a Monthly/Yearly switch in CSS only (native radios and :has()), so it works before and without JavaScript.
Soft Bento Bento Grid
Feature tiles on a 12-column grid.
Swiss Tech Mono Testimonials
Customer quotes as a grid, a featured layout (the first quote large on 7 columns with its case tag and media, the others on 5 with their metric as a mono tag), a masonry wall or a scrolling marquee.
Noir Aurora Landing page
A complete example page built from the kit's blocks, with every section and its content.