LightNews — News, ranked by scholars

DocuxLab

@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

@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

@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

@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

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

@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

DocuxLab

@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

@docuxlab.com

Docux is off on holiday! Heading to the Highlands, 9 years after his last visit, to catch up with an old friend: Nessie 🦕
The blog is slowing down for a bit, but we’ll be back with new articles soon!
#Holiday #Scotland #Highlands #LochNess #Nessie #Docux #docuxlab #Blog #Docusaurus #Travel #Vacation