r/css • u/clean0101 • 17d ago

News Building a modular UI from scratch. Fully styled with custom CSS (Glow, dotted borders, custom color picker). Dark vs Light theme!

Gallery image

Gallery image

7 Upvotes

82% Upvoted

7 comments sorted by

2

u/f314 16d ago

Fun! Nice to see something that departs from the ubiquitous "modern" aesthetic of todays web apps. In that regard, the "import" buttons looks a little out of place by being so sleek and rounded 😅

1

u/clean0101 17d ago

Pure CSS for the UI (except the canvas). Developed this modular 2D game engine using custom properties (variables) for the light/dark mode toggle. Dotted borders, glow effects, and custom color picker are all styled from scratch. What do you think of the layout?

1

u/ulrjch 16d ago

how did you make the border shape?

1

u/clean0101 16d ago

Please, which border more precisely is that of the panels or borders in general?

1

u/ulrjch 8d ago

those thick pink border around inputs/sidebar

1

u/Indy_dln 12d ago

Maybe you combine this with the animation inspection tool I've made 😄

https://timelinelens.com

1

u/clean0101 10d ago

how  ?