Julien Déramond
@deramond.dev
Design systems tools · Upstream contributions · Bootstrap core team · Creator of Open {re}Source · Design System Tech Lead at Thales · deramond.dev
Another experiment: I wanted a new representation of my design tokens, so dtgraph draws them as a node graph. One node per token, one edge per reference.
A few thousand tokens is hard to hold in your head. Much easier to look at.
julien-deramond.github.io/dtgraph/
A few thousand tokens is hard to hold in your head. Much easier to look at.
julien-deramond.github.io/dtgraph/
September 16, 2026 at 1:30 PM
Another experiment: I wanted a new representation of my design tokens, so dtgraph draws them as a node graph. One node per token, one edge per reference.
A few thousand tokens is hard to hold in your head. Much easier to look at.
julien-deramond.github.io/dtgraph/
A few thousand tokens is hard to hold in your head. Much easier to look at.
julien-deramond.github.io/dtgraph/
A side experiment: Bootstrap 6's design system as DTCG tokens, plus a visual theme builder that writes them. Pick a brand colour, a radius, a density: out comes a custom.scss.
Very draft, and not an official Bootstrap thing.
julien-deramond.github.io/bootstrap-to...
Very draft, and not an official Bootstrap thing.
julien-deramond.github.io/bootstrap-to...
September 12, 2026 at 5:46 AM
A side experiment: Bootstrap 6's design system as DTCG tokens, plus a visual theme builder that writes them. Pick a brand colour, a radius, a density: out comes a custom.scss.
Very draft, and not an official Bootstrap thing.
julien-deramond.github.io/bootstrap-to...
Very draft, and not an official Bootstrap thing.
julien-deramond.github.io/bootstrap-to...
Probably got a bug somewhere 🦗💻
July 18, 2026 at 9:26 AM
Probably got a bug somewhere 🦗💻
🧩 New open-source library: Component Anatomy
Interactive anatomy docs for design systems. Get two-way hover sync between the rendered component and its docs.
Framework-agnostic core, plus @astro.build & @storybook.js.org integrations.
github.com/julien-deram...
Interactive anatomy docs for design systems. Get two-way hover sync between the rendered component and its docs.
Framework-agnostic core, plus @astro.build & @storybook.js.org integrations.
github.com/julien-deram...
July 8, 2026 at 8:14 PM
🧩 New open-source library: Component Anatomy
Interactive anatomy docs for design systems. Get two-way hover sync between the rendered component and its docs.
Framework-agnostic core, plus @astro.build & @storybook.js.org integrations.
github.com/julien-deram...
Interactive anatomy docs for design systems. Get two-way hover sync between the rendered component and its docs.
Framework-agnostic core, plus @astro.build & @storybook.js.org integrations.
github.com/julien-deram...
POV: maintainer of an open source project
Spare time well spent 🤖
Spare time well spent 🤖
March 18, 2026 at 12:00 PM
POV: maintainer of an open source project
Spare time well spent 🤖
Spare time well spent 🤖
Rendez-vous demain à @osxp2023.bsky.social à la Cité des Sciences et de l'Industrie (Paris 19) à 16 h 20 dans la salle 4.
Présentation en français de "Design Systems : Stratégies Inner & Open Source".
#OSXP2025 #Paris
Présentation en français de "Design Systems : Stratégies Inner & Open Source".
#OSXP2025 #Paris
December 9, 2025 at 7:21 AM
Rendez-vous demain à @osxp2023.bsky.social à la Cité des Sciences et de l'Industrie (Paris 19) à 16 h 20 dans la salle 4.
Présentation en français de "Design Systems : Stratégies Inner & Open Source".
#OSXP2025 #Paris
Présentation en français de "Design Systems : Stratégies Inner & Open Source".
#OSXP2025 #Paris
It’s that spooky season again 🎃
The @github.com contributions graph gets its Halloween look via `data-holiday="halloween"`. There’s even a “winter” variant waiting in the CSS for when things get frosty ❄️
The @github.com contributions graph gets its Halloween look via `data-holiday="halloween"`. There’s even a “winter” variant waiting in the CSS for when things get frosty ❄️
October 31, 2025 at 12:36 PM
It’s that spooky season again 🎃
The @github.com contributions graph gets its Halloween look via `data-holiday="halloween"`. There’s even a “winter” variant waiting in the CSS for when things get frosty ❄️
The @github.com contributions graph gets its Halloween look via `data-holiday="halloween"`. There’s even a “winter” variant waiting in the CSS for when things get frosty ❄️
Didn't know about that, but if a page includes <meta name="fediverse:creator" content="@user@server">, then when it’s shared on Mastodon, an extra footer banner appears linking to that Fediverse user.
September 6, 2025 at 6:56 PM
Didn't know about that, but if a page includes <meta name="fediverse:creator" content="@user@server">, then when it’s shared on Mastodon, an extra footer banner appears linking to that Fediverse user.
🚀 Excited to share that my talk “Design Systems: Inner & Open Source Strategies” has been accepted at Open Source Experience this December! 🇫🇷 #OSXP2025 🎉
It’ll be in French, and I’ve got 20 minutes, so it’s going to be intense!
👉 Any specific aspects you’d like me to cover?
It’ll be in French, and I’ve got 20 minutes, so it’s going to be intense!
👉 Any specific aspects you’d like me to cover?
August 20, 2025 at 11:19 AM
🚀 Excited to share that my talk “Design Systems: Inner & Open Source Strategies” has been accepted at Open Source Experience this December! 🇫🇷 #OSXP2025 🎉
It’ll be in French, and I’ve got 20 minutes, so it’s going to be intense!
👉 Any specific aspects you’d like me to cover?
It’ll be in French, and I’ve got 20 minutes, so it’s going to be intense!
👉 Any specific aspects you’d like me to cover?
Maybe overkill, but I installed Raycast for a quick shortcut to insert the Unicode arrow I often use in editors and terminal.
Created a new snippet with the shortcut ";arrow" that renders "→".
I'm curious about Raycast best practices. What shortcut formats do you use for this kind of thing? 🤔
Created a new snippet with the shortcut ";arrow" that renders "→".
I'm curious about Raycast best practices. What shortcut formats do you use for this kind of thing? 🤔
June 30, 2025 at 8:36 PM
Maybe overkill, but I installed Raycast for a quick shortcut to insert the Unicode arrow I often use in editors and terminal.
Created a new snippet with the shortcut ";arrow" that renders "→".
I'm curious about Raycast best practices. What shortcut formats do you use for this kind of thing? 🤔
Created a new snippet with the shortcut ";arrow" that renders "→".
I'm curious about Raycast best practices. What shortcut formats do you use for this kind of thing? 🤔
Post in French for a Francophone audience 👇
Rendez-vous le mercredi 11 juin à 18:45 dans les locaux de FrontGuys à Paris pour une table ronde avec Cyriaque Billard autour des Design Systems 🙌
Inscription : www.meetup.com/designops-me...
Rendez-vous le mercredi 11 juin à 18:45 dans les locaux de FrontGuys à Paris pour une table ronde avec Cyriaque Billard autour des Design Systems 🙌
Inscription : www.meetup.com/designops-me...
May 21, 2025 at 11:07 AM
Post in French for a Francophone audience 👇
Rendez-vous le mercredi 11 juin à 18:45 dans les locaux de FrontGuys à Paris pour une table ronde avec Cyriaque Billard autour des Design Systems 🙌
Inscription : www.meetup.com/designops-me...
Rendez-vous le mercredi 11 juin à 18:45 dans les locaux de FrontGuys à Paris pour une table ronde avec Cyriaque Billard autour des Design Systems 🙌
Inscription : www.meetup.com/designops-me...
Merged! 🙌
It will be available in production with the next Bootstrap patch release.
In the meantime, you can preview it here: twbs-bootstrap.netlify.app
It will be available in production with the next Bootstrap patch release.
In the meantime, you can preview it here: twbs-bootstrap.netlify.app
April 16, 2025 at 11:39 AM
Merged! 🙌
It will be available in production with the next Bootstrap patch release.
In the meantime, you can preview it here: twbs-bootstrap.netlify.app
It will be available in production with the next Bootstrap patch release.
In the meantime, you can preview it here: twbs-bootstrap.netlify.app
The Bootstrap docs migration to Astro is nearly ready to merge. Time for some good old-fashioned manual visual non-regression testing 😅
April 12, 2025 at 6:58 PM
The Bootstrap docs migration to Astro is nearly ready to merge. Time for some good old-fashioned manual visual non-regression testing 😅
Notification indicator at the end of 2024 🔵 😆
December 24, 2024 at 12:21 PM
Notification indicator at the end of 2024 🔵 😆