Back to home

Rebuilding Cryptlex's design system in React

My third attempt at a Cryptlex design system. Hopefully the last

I rewrote the Cryptlex component library using React and built a Next.js output: static website with it. Most of what Next is being used for is the router, which might just be replaced by Tanstack Router if I can get it to prerender pages.

Website hero sections
Documentation built using MDX files replaced GitBook
Small animated snippet showcasing customization capabilities
Web API documentation built using the OpenAPI spec and the web components
I like when checkboxes are as big as every other input and fit in flush.
Notion-like filtering system.
Sidebars for dashboards and table based layouts, which make up most of the applications.

Previous iterations

Previous iterations written by me over the years failed to be performant, represent brand elements in the visual style, and were painful to maintain due to the growing size and absence of templating.