#DocuxLab
LightNews LightNews
docuxlab.com
🦖 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
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.
docuxlab.com
September 8, 2025 at 5:45 AM
docuxlab.com
✨ 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 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.
docuxlab.com
September 3, 2025 at 7:57 PM
docuxlab.com
💡 New on my blog:

a new LogoIcon component for #Docusaurus with iconify !!

Add logos in 1 line inside your #React / #MDX pages 🚀

👉 docuxlab.com/blog/logoico...

#DevUI #OpenSource @iconify.bsky.social #iconify #webdesign #docuxlab #docusaurus #reactjs
LogoIcon Component | DOCUX
A React component tutorial to easily display Iconify logos in Docusaurus MDX pages without individual imports.
docuxlab.com
September 15, 2025 at 6:49 AM
docuxlab.com
🌳 New on DocuxLab!

Check out Trees, a Docusaurus component that displays interactive file trees in your docs — with custom icons, keyboard navigation & more.

Perfect for visualizing your project structure!

👉 docuxlab.com/blog/trees-c...

#Docusaurus #React #OpenSource #DevTools #treeStructure
Component Trees | DOCUX
Create interactive file and folder trees in your Docusaurus pages with the Trees component. Works with or without custom icons.
docuxlab.com
October 22, 2025 at 6:51 AM
docuxlab.com
Don't miss out on this!

🚀 Boost your Docusaurus site! DocuxLab components & plugin:
🧑‍💻 Avatar: docuxlab.com/blog/avatarc...
🧱 Columns: docuxlab.com/blog/columns...
🖼️ ImageOnClick: docuxlab.com/blog/imageon...

#Docusaurus #WebDev #webdesign #jamstack #reactJS #createyourblog #plugin #docs #masonry
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.
docuxlab.com
September 24, 2025 at 5:39 AM
docuxlab.com
Thank you @avonture.be for using my #docusaurus component and for publishing an article about it. And what an article! The 200th on your site! Thank you for this honor !

#meta #reactJS #webdesign #docuxlab
avonture.be cavo789 🐳 @avonture.be · Sep 12
Adding a #ScrollToTopButton feature on my #Docusaurus website.

Now, a nice meerkat will be displayed during the vertical scroll on long articles. Just click on it and you'll jump back to the top with a smooth animation.

React component created by @docuxlab.com
Providing a go to the top button in Docusaurus posts | Christophe Avonture
Providing a go to the top button in Docusaurus posts
www.avonture.be
September 12, 2025 at 5:27 PM
docuxlab.com
🚀 Boost your Docusaurus site UX with a “Scroll to Top” button!
Easy to add, lightweight, and fully customizable 💡
👉 Full guide: docuxlab.com/blog/docusaurus-scroll-to-top-button/

#Docusaurus #WebDev #UX #JavaScript #DocuxLab #Frontend #webdesign #css #reactjs
ScrollToTopButton Component | DOCUX
Simple React component adding a floating 'back to top' button with delayed appearance (after scrolling 300px), click animation and smooth scroll behavior in Docusaurus.
docuxlab.com
October 6, 2025 at 5:48 AM
docuxlab.com
🚀 New on DocuxLab: a Tooltip component for Docusaurus!
✨ Auto flip + arrow alignment
♿ Accessible (ARIA, keyboard)
🎨 Themes: info, success, warning, error

👉 Full article: docuxlab.com/blog/Tooltip...

#React #Docusaurus #WebDev #Accessibility #tooltip #webaccessibility #webtools
Tooltip tools | DOCUX
A comprehensive guide to creating a dynamic and accessible Tooltip component in React and Docusaurus, featuring smart positioning and custom styling.
docuxlab.com
September 21, 2025 at 10:58 AM