Skip to content

Simple org chart

A two-level org chart: management, then department heads and their teams.

  • Tailwind
  • React
  • CSS
  • WordPress
Open in a new tab

Description

The hierarchy is carried by nested lists, announced with their level by screen readers. Connecting lines are purely decorative and give way to a readable stack on mobile.

Code

Loading the code…

Archive contents

equipe-organigramme-html-tailwind.zip3 files · 3 Ko

  • index.html3 Ko
  • README.md2 Ko
  • LICENSE.md1 Ko

Tags

Updated on October 13, 2026.

In the same spirit

  • An invitation to join the team with a row of portraits and the list of open positions.

    • Tailwind
    • React
    • CSS
    • WordPress
    Component
  • Portraits cut into different shapes (circle, arch, square, leaf) for a creative team.

    • Tailwind
    • React
    • CSS
    • WordPress
    Component
  • An understated list where each row gives name, role, email and direct phone.

    • Tailwind
    • React
    • CSS
    • WordPress
    Component
  • Four team members with portrait, name, role and a link to their professional profile.

    • Tailwind
    • React
    • CSS
    • WordPress
    Component
Simple org chart | Forge