Skip to main content

Component LogoIcon

· 4 min read ·
Docux
Curious explorer, a bit of a mad experimenter, and a bit of a contributor.

Developer Developement License: MIT AI 30%

I created this component to easily display Iconify icons in MDX pages of Docusaurus.
It's particularly useful for displaying logos (GitHub, Airbnb, Google, etc.) without having to import each icon individually.

Plugin Simple Analytics

· 5 min read ·
Docux
Curious explorer, a bit of a mad experimenter, and a bit of a contributor.

Developer Developement License: MIT AI 80%

Want to integrate Simple Analytics into your Docusaurus site and effectively track user navigation in a Single Page Application (SPA) context?

I created this local plugin for Docusaurus to handle the injection of the tracking script and properly track page changes in SPA mode.

It manages the injection of the main script as well as tracking page changes in the context of a Single Page Application (SPA), which is essential for Docusaurus.

This plugin is a local plugin. There's no need to install it via npm or yarn. Simply ensure that the simpleAnalytics folder is located in the plugins directory at the root of your project.

Component Card

· 25 min read ·
Docux
Curious explorer, a bit of a mad experimenter, and a bit of a contributor.

Developer Developement License: MIT AI 0%

With Infima CSS framework, I've created a reusable card component that you can use on your Docusaurus site. With it, you'll be able to customize each card with different colors and sizes. This component allows you to generate all the cards available in Infima as well as "Custom" cards, and you'll be able to create and personalize each card independently.

I designed the component as a set of small components that work together to form the complete cards.

Card : composition of the master folder

  • Card component index.js (The container of alls parts)
  • CardHeader component (Header parts of cards)
  • CardBody component (Body parts of cards)
  • CardImage component (Image cover parts of cards)
  • CardFooter component (Footer parts of cards)

Component Columns

· 11 min read ·
Docux
Curious explorer, a bit of a mad experimenter, and a bit of a contributor.

Developer Developement License: MIT AI 0% Documentation

Publication

This article was originally published by DocuxLab on the Docusaurus Community and is republished here.

I created this Columns component to leverage Infima's grid system in a flexible and reusable way. It consists of two parts:

  • A component for the container and the rows,
  • The columns you want to create.

Component Avatar

· 21 min read ·
Docux
Curious explorer, a bit of a mad experimenter, and a bit of a contributor.

Developer Developement License: MIT AI 0% Documentation

infima avatar component

I built this Avatar component using Infima CSS framework's utility classes to create a flexible and reusable solution for Docusaurus sites. This component allows you to personalize avatars with different colors, orientations and sizes. It covers all the avatar designs available in Infima plus custom layouts, giving you the freedom to create and personalize each avatar independently.

Back to top