Tailwind CSS v3.2Dynamic breakpoints, container queries, and more

Algolia Docs

PlanetScale

MrBeast Feastables

Screenshot of the Algolia documentation home page. A fixed sidebar lists the various guides. Call-to-actions in the hero section invite the user to try an interactive tutorial or learn more about Algolia.

Technologies: Tailwind CSS
Date: September 30, 2022
URL: www.algolia.com/doc

Go to website

Algolia Docs

Documentation site for Algolia's search and discovery platform.

With Algolia's search and discovery platform, you can build powerful search experiences into your own products. Algolia's developer documentation is an example of excellent developer experience and is built using Tailwind CSS.

A screenshot of the Algolia documentation site with the search modal overlay active. The user has searched for the 'filter' keyword and the results are listed on the left of the modal. On the right side more information about the selected result is displayed. — A large search field and results list triggered by clicking ⌘ + k and, of course, powered by Algolia.

A mobile screenshot of the Algolia documentation home page. A header contains a 'menu' button and a 'search' button. Call-to-actions in the hero section invite the user to try an interactive tutorial or learn more about Algolia. — The Algolia documentation homepage and navigation on mobile devices.

A mobile screenshot of the Algolia documentation navigation. The navigation covers the whole screen and lists the various guides. A 'close' button can be seen in the upper right corner of the screen. — The Algolia documentation homepage and navigation on mobile devices.

A screenshot of the 'Test your installation' page of the Algolia documentation website. A fixed sidebar lists the various pages within the 'PHP API Client' documentation. An additional sidebar lists the sections of the current page. In the main article a PHP code example is shown following a short introduction. — A page on the documentation website showing an inline code snippet.