What happens when you try to build a real website without writing a bunch of CSS classes?
I decided to find out.
For this experiment, I used AtomAttr, my attribute-first CSS framework.
Instead of writing:
<div class="grid grid-cols-3 gap-4 p-6">
I used:
<div grid grid-cols="3" gap="4" p="6">
The interesting part wasn't just the syntax.
I wanted to see whether this approach actually remained practical once the website became more complicated.
Responsive layouts.
Spacing.
Colors.
States.
Components.
Everything had to work together.
The experiment also became one of the videos I'm making while documenting my journey with AtomAttr on YouTube.
Sometimes building a framework is easy.
Getting people to care about it is the hard part.
That's the experiment I'm running now.
check out the documentation
https://devadetayo.github.io/atomattr
Top comments (1)
@all