#blog #hugo #infima #webdev

It's been four years since I last set up my website (andrewowen.net). I built it from a Hugo template. Upgrading from Bootstrap 4 to 5 would require a rework. So I switched to Infima (also used on docstsatic.com). It's now more accessible, faster and better on mobile.

Reusable Card Component | DOCUX A complete tutorial to create customizable card components in Docusaurus using the Infima CSS framework. Includes React implementation, multiple card variants, and responsive design.

🦖 New blog post on #DocuxLab!
I’ll show you how to build a reusable Card component in #Docusaurus with #Infima.

• a customizable component
• modular structure (Header, Body, Footer, Image)
• MDX integration

🔗 docuxlab.com/blog/card-co...

#WebDev #Tutorial #UI #Design #OpenSource #webdesign

Create a Reusable Columns Components | DOCUX A complete tutorial to design and customize Columns components in Docusaurus, based on Infima grid system. Includes JS/TS examples, props, advanced layouts and best practices.

✨ New on DocuxLab (Sep 3, 2025)

Learn how to build reusable columns components with Docusaurus + Infima.

👉 JS/TS examples, MDX integration, and visual demos included.

🔗 docuxlab.com/blog/columns...

#Docusaurus #Infima #React #Frontend #WebDev #DocuxLab

Create a Reusable Avatar Component | DOCUX A complete tutorial to design and customize an Avatar component in Docusaurus, based on Infima. Includes JS/TS examples, props, advanced integration and best practices.

🚀 First blog post !
Learn how to build a fully customizable Avatar component in #Docusaurus using #Infima.
Perfect for improving your docs UI/UX ✨

👉 Read here: docuxlab.com/blog/avatarc...

#WebDev #DocsAsCode #OpenSource #Frontend #React