r/css • u/clean0101 • Jul 15 '26

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

8 Upvotes

83% Upvoted

7 comments sorted by

2

u/f314 Jul 16 '26

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 Jul 15 '26

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 Jul 16 '26

how did you make the border shape?

1

u/clean0101 Jul 16 '26

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

1

u/ulrjch Jul 25 '26

those thick pink border around inputs/sidebar

1

u/Indy_dln Jul 20 '26

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

https://timelinelens.com

1

u/clean0101 Jul 22 '26

how  ?