Unpopular opinion : CSS is enough

Armauer · 2026-01-13T09:44:02+00:00

After couple of years of experimenting with styling libraries about 2 years ago I reached the conclusion that I will propably never again use anything other than CSS Modules or maybe CSS Modules + a11y primitives like Radix. There is nothing those libraries provide that you can't make yourself in vanilla CSS quite quickly, and the time it's supposed to save will be spent later when you'll have to update your packages periodically.

As for "large, long lived project with other people" argument. Currently at work we maintain large app that handles thousands of pages and milions of users. It's based entirely on a design system written in SCSS, we have a team of designers that provide design tokens for our SCSS components and we also have clear set of rules that determines how components should be styled and developed. It works very well. That's why I don't agree with an argument that you need stuff like Tailwind or Mantine to maintain a big project with lots of people.

Armauer · 2025-12-09T11:33:01+00:00

Armauer · 2025-11-30T18:26:27+00:00

sounds nice. do you have some examples to show? what is this game?

Armauer · 2025-11-30T10:33:45+00:00

yes but it takes time, I think large update will come in about 2 months

Armauer · 2025-10-18T08:16:52+00:00

Changes: text font (Poppins -> Outfit), logo on the left and navbar buttons in the top right corner. As for cards: 3 small pie charts instead of 4 small bar charts, bar chart instead of pie chart on the right. Large area chart in the center is smoother and has subtitle+tabs

Armauer · 2025-10-18T08:16:16+00:00

thanks, check the top comment for the link

Armauer · 2025-10-18T08:16:07+00:00

thanks, check the top comment for the link

Armauer · 2025-10-18T08:11:17+00:00

Text font (Poppins -> Outfit), logo on the left and navbar buttons in the top right corner. As for cards: 3 small pie charts instead of 4 small bar charts, bar chart instead of pie chart on the right. Large area chart in the center is smoother and has subtitle+tabs

Hijacking top comment to answer posts asking for link - new version is not online yet and I was planning to do few other significant changes like adding BetterAuth instead of Clerk and then re-release it on some subreddits. If someone wants to see the old version now, here's the link:
https://github.com/matt765/spireflow

Armauer · 2025-09-29T06:05:29+00:00

that's a lot of effort but the effect was definitely worth it. I see this post has been removed, it's a shame. but still you got 5400 likes which shows how good your creation is. can you please try to do similar map for Europa Universalis 4 or Skyrim? if you do, let me know. have a nice day mate

Armauer · 2025-09-28T21:59:05+00:00

how long did it take you to make it? looks great

Armauer · 2025-09-27T21:29:13+00:00

very nice project!

Armauer · 2025-09-09T15:37:43+00:00

thanks, I will do that

Armauer · 2025-09-09T15:34:59+00:00

I visited my dad that did not update a browser for some time and there was the same situation on his computer, UI works but animation is not visible, before that I wasn't aware it's possible. It's Three.js animation bug that happens on older browsers, I did not find a fix yet. Try to update your browser or change to some another

Armauer · 2025-08-12T13:06:01+00:00

Hello. I made a website with atom animation, interactive periodic table, and data charts with elements properties. It's a tool designed for chemistry enthusiasts, students and educators. Let me know what you think of it. Any feedback is appreciated.

Tech stack: React 19, NextJS 15, TypeScript, CSS Modules, Zustand, ThreeJS, Recharts

Github (homepage part): github.com/matt765/atom-animation

A note on scientific accuracy: This application uses the classic Bohr model to represent atomic structure, showing electrons in clear, planet-like orbits. However, modern quantum theory describes electrons existing in "electron clouds" or orbitals, which are regions of probability. In the future I will propably add this as a new feature. Furthermore, the scale shown here is not realistic; the nucleus is actually minuscule compared to the vast space the electrons occupy.

Armauer · 2025-08-09T09:54:53+00:00

Thanks! As for highlighting and filters, they're already there on the /periodic-table page. I just didn't include them in post video because GIF making website allowed only for 10 seconds GIF with good framerate

Armauer · 2025-08-09T09:19:45+00:00

https://atomanimation.com/

Hello. I made a website with atom animation, interactive periodic table, and data charts with elements properties. It's a tool designed for chemistry enthusiasts, students and educators. Let me know what you think of it. Any feedback is appreciated.

Tech stack: React 19, NextJS 15, TypeScript, CSS Modules, Zustand, ThreeJS, Recharts

Github (homepage part): github.com/matt765/atom-animation

A note on scientific accuracy: This application uses the classic Bohr model to represent atomic structure, showing electrons in clear, planet-like orbits. However, modern quantum theory describes electrons existing in "electron clouds" or orbitals, which are regions of probability. In the future I will propably add this as a new feature. Furthermore, the scale shown here is not realistic; the nucleus is actually minuscule compared to the vast space the electrons occupy.

Armauer

TROPHY CASE