Author | Lightnews

Creating Custom 404 Page | DOCUX

2

DocuxLab @docuxlab.com · 3d

🚧 Turn your 404 page into a UX win!
I explain how to customize a 404 page in Docusaurus (swizzle, WebP, dvh/svh, etc.) for a clean and responsive result
👇
docuxlab.com/blog/404-cus...

#webdev #Docusaurus #frontend #404page #designweb #seo #googleanalytics #javascript #w3c #nodejs #reactjs #mkdocs

Learn how to build a stylish, responsive custom 404 error page in Docusaurus using swizzle, modern CSS, and optimized WebP images.

GoatCountViews Component | DOCUX

DocuxLab @docuxlab.com · 6d

🎉 New launch!
I’ve just opened a community forum about Docusaurus : forum.docuxlab.com

It’s a space to discuss technical documentation, share tips, ask questions, and grow our projects together.

👉 Join the discussion
#Docusaurus #OpenSource #reactJs #Mkdocs

2

DocuxLab @docuxlab.com · 9d

🧩 New on my blog
I built a small component to display GoatCounter views on pages using the JSON API.

No external scripts, no flashing — just clean and lightweight

👉 docuxlab.com/blog/goatcou...

Thanks @arp242.bsky.social for creating such a great tool!

#GoatCounter #analytics #GDPR #docusaurus

Add a clean view counter in Docusaurus with GoatCounter, the JSON API, and an explicit per-post path (path={metadata.permalink}).

GoatCounter analytics | DOCUX

DocuxLab @docuxlab.com · 10d

🐐 New on my blog!
I dive into GoatCounter, a privacy-friendly, open-source alternative to Google Analytics.
Simple, ethical, and self-hostable — perfect for anyone who wants to track visitors without invasive trackers.

👉 look > docuxlab.com/blog/goatcou...

#OpenSource #Analytics #goatcounter

Discover GoatCounter (open‑source, cookieless) and 3 ways to integrate it with Docusaurus, including SPA route change tracking.

Create interactive file and folder trees in your Docusaurus pages with the Trees component. Works with or without custom icons.

DocuxLab @docuxlab.com · 14d

🌳 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

1 5

DocuxLab @docuxlab.com · 15d

Thanks for the tip @avonture.be — I gained over 92% of space, going from 25 MB down to 1.8 MB!

DocuxLab @docuxlab.com · 21d

Thank for your work !

DocuxLab @docuxlab.com · 23d

Hi @eliostruyf.com thanks for your work

I’m currently learning demos.js for a conference where I’ll be presenting Docusaurus and Frontmatter CMS. I haven’t finished reading the documentation yet, but I was wondering if it’s possible to make an export to read directly from a repository?

Plugin Remark Replace Words | DOCUX

DocuxLab @docuxlab.com · 29d

🦖 Want to automate the formatting of words or phrases in your #markdown content?
Automatically replace words with other words or React components.

👉 Learn how it works full code and examples included:
🔗 docuxlab.com/blog/remark-replace-words-plugin

#Remark #React #Docusaurus #OpenSource #DevTools

Automatically replace words with text, icons, or MDX components (Tooltip, buttons…) in your pages/blog/docs with a configurable Remark plugin.

ScrollToTopButton Component | DOCUX

4

DocuxLab @docuxlab.com · Oct 6

Thank you, Christophe, for using my component — it really makes me happy.

DocuxLab @docuxlab.com · Oct 6

🚀 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

Simple React component adding a floating 'back to top' button with delayed appearance (after scrolling 300px), click animation and smooth scroll behavior in Docusaurus.

Tutorial Docusaurus React Live | DOCUX

1 2

DocuxLab @docuxlab.com · Oct 3

Thank you so munch @avonture.be it’s very great idea !!!

DocuxLab @docuxlab.com · Oct 2

💡 Did you know your Docusaurus docs can include live-editable React code?

With React Live, readers can test & tweak examples right on the page — no external sandbox needed ⚡👩‍💻

👉 Full guide: docuxlab.com/blog/docusau...

#Docusaurus #React #Docs #livecoding #reactJS #opensource #webtools #markdown

Practical guide to add interactive react-live code playgrounds in Docusaurus: theme installation, configuration, ReactLiveScope swizzle, and maintainable example patterns.

Reusable Avatar Component | DOCUX

1 3

DocuxLab @docuxlab.com · Sep 29

Amazing !!! I love that @avonture.be

DocuxLab @docuxlab.com · Sep 24

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

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.

A comprehensive guide to creating a dynamic and accessible Tooltip component in React and Docusaurus, featuring smart positioning and custom styling.

DocuxLab @docuxlab.com · Sep 21

And Custom thème !!!

DocuxLab @docuxlab.com · Sep 21

🚀 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

Add Skill Bars & Circles | DOCUX

1 3

DocuxLab @docuxlab.com · Sep 16

🔥 New on my blog: a Skill component with animated progress bars or circles for #Docusaurus!
Show off your skills with sleek animated bars or circle ✨

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

#DevUI #OpenSource #webdesign #jamstack #css #blog
#StaticSiteGenerator
#FrontEndDev
#ReactJS
#MDX
#DevCommunity

A comprehensive React component for displaying skills as animated progress bars or circles with scroll animations, gradients, and theme support in Docusaurus.

Simple Analytics Plugin | DOCUX

1 5

DocuxLab @docuxlab.com · Sep 15

New on my blog

A Simple Analytics plugin for #Docusaurus!
Add privacy-friendly stats to your docs site in seconds 🚀 with @simpleanalytics.bsky.social

This case allowed me to test plugin creation, but we could have done it differently.

👉 docuxlab.com/blog/simple-...

#DevUI #analytics #docs #seo

A complete tutorial to integrate Simple Analytics into your Docusaurus site with a custom local plugin.

LogoIcon Component | DOCUX

DocuxLab @docuxlab.com · Sep 15

💡 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

A React component tutorial to easily display Iconify logos in Docusaurus MDX pages without individual imports.

Providing a go to the top button in Docusaurus posts | Christophe Avonture

2 4

DocuxLab @docuxlab.com · Sep 12

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

www.avonture.be

2

DocuxLab @docuxlab.com · Sep 10

I understand — to be honest, it was a clumsy way to reach out and highlight the excellent work done by my friend Christophe avonture www.avonture.be, and just a tiny bit of mine 😅🥹 docuxlab.com
Have a Nice day
Belle fin de journée ;)

1 1

DocuxLab @docuxlab.com · Sep 10

You can talk about the latest great contributions from the Docusaurus community this week 😜😜