7onic

Designer running 7onic, a small studio that builds the tools its own work was missing. First tool: an open-source React design system where design and code never drift.

somewhere on Earth Joined on Apr 6, 2026 https://7onic.io/

Pronouns

Design and Developer

Work

Founder & Designer at 7onic

7onic

Nov 4

AI + Design #2: My AI Review Team Gave It 93. I Gave It 70.

#ai #designreview #agents #design

5 min read

Want to connect with 7onic?

Create an account to connect with 7onic. You can also sign in below to proceed if you already have an account.

Create Account

Already have an account? Sign in

7onic

Nov 4

Design to Code #10: If a Tool Has to Be Chosen, It Won't Be

#designsystem #adoption #mcp #ai

5 min read

7onic

Oct 9

AI + Design #1: The Validator Caught My Own Docs Lying

#mcp #ai #designsystem #claude

6 min read

7onic

Oct 9

Build & Release #3: I Deleted Every npm Token I Own

#npm #supplychain #githubactions #cicd

8 min read

7onic

Jun 3

Design to Code #9: The Cost of a Dot

#designsystem #react #opensource #typescript

6 min read

7onic

May 26

Design to Code #8: The Cosmetics of Modularity

#designsystem #packageexports #dx #react

7 min read

7onic

May 26

Design to Code #7: How CVA Scaffolding Turned Into Dead Code

#designsystem #tailwindcss #typescript #react

7 min read

7onic

May 26

Design to Code #6: When @theme inline Killed My Dark Mode

#tailwindcss #css #darkmode #designsystem

7 min read

7onic

May 26

Design to Code #5: Using AI to Build a Design System

#ai #designsystem #opensource #llms

6 min read

7onic

May 18

Build & Release #2: Five Patches for One Line of CSS

#devops #css #designtokens #opensource

5 min read

7onic

May 18

Build & Release #1: How Apple's rsync Update Nuked My Repo

#devops #git #opensource #rsync

5 min read

7onic

May 18

Component Anatomy #1: Perfect on Paper, Wrong in Production

#components #designsystem #designtokens #tailwindcss

5 min read

7onic

May 18

Token Deep Dive #1: The /50 That Did Nothing

#designtokens #tailwindcss #cssvariables #tailwindv3

5 min read

7onic

Apr 24

Design to Code #4: Why I Chose Radix Over Custom Primitives

#radixui #a11y #react #designsystem

5 min read

7onic

Apr 24

Design to Code #3: Copy-Paste vs npm Install

#designsystem #cli #opensource #react

5 min read

7onic

Apr 17

Tailwind Guides #1: Supporting Tailwind v3 and v4 Was Brutal

#tailwindcss #tailwindv4 #migration #css

5 min read

7onic

Apr 17

Solo Builder #1: What Nobody Tells You

#solobuilder #designsystem #opensource #indiedev

5 min read

7onic

Apr 17

Design to Code #2: One JSON, Eleven Outputs

#designtokens #tokenpipeline #tailwindcss #typescript

4 min read

7onic

Apr 16

Design to Code #1: Why I Built 7onic

#designsystem #designtokens #figma #react

6 min read

DEV Community

7onic

Badges

1 Week Community Wellness Streak

Writing Debut

Organizations

7onic

AI + Design #2: My AI Review Team Gave It 93. I Gave It 70.

Want to connect with 7onic?

Design to Code #10: If a Tool Has to Be Chosen, It Won't Be

AI + Design #1: The Validator Caught My Own Docs Lying

Build & Release #3: I Deleted Every npm Token I Own

Design to Code #9: The Cost of a Dot

Design to Code #8: The Cosmetics of Modularity

Design to Code #7: How CVA Scaffolding Turned Into Dead Code

Design to Code #6: When @theme inline Killed My Dark Mode

Design to Code #5: Using AI to Build a Design System

Build & Release #2: Five Patches for One Line of CSS

Build & Release #1: How Apple's rsync Update Nuked My Repo

Component Anatomy #1: Perfect on Paper, Wrong in Production

Token Deep Dive #1: The /50 That Did Nothing

Design to Code #4: Why I Chose Radix Over Custom Primitives

Design to Code #3: Copy-Paste vs npm Install

Tailwind Guides #1: Supporting Tailwind v3 and v4 Was Brutal

Solo Builder #1: What Nobody Tells You

Design to Code #2: One JSON, Eleven Outputs

Design to Code #1: Why I Built 7onic