GWAN.DEV
Blog
Deep-dives on the Gwan design system — integrations, how-tos, and the thinking behind component decisions.
Building Accessible Forms with Gwan
How Gwan's form components handle ARIA attributes, keyboard navigation, error announcements, and focus management — and how to use them correctly so every user can complete your forms.
How the Gwan Theme System Works
A practical guide to Gwan's two-layer token system — semantic tokens for light/dark mode and scale tokens for component states — and how to use the built-in Theme Generator to rebrand in minutes.
Build a SaaS Dashboard in a Weekend with Gwan
A practical walkthrough of building a complete SaaS admin dashboard — MenuBar, StatCard, CircularProgress, AvatarGroup, Table, Pagination, Modal, and more — wired up end-to-end.
Why Gwan Moved to Tailwind CSS v4
What changed between Tailwind v3 and v4, why the new CSS-first approach is better for a component library, and what you need to update if you're upgrading.
Dark Mode Done Right in Next.js
No flash, system preference detection, localStorage persistence, and smooth transitions — how Gwan implements dark mode with next-themes and what you need to know to use it in your app.
Building Validated Forms with react-hook-form and Gwan
Learn how to wire up react-hook-form with Gwan's Input, Select, Checkbox, and TextArea components to build strongly-validated, accessible forms in minutes.