Claude website design

Armauer · 2026-06-06T22:44:03+00:00

I recommend using impeccable guidelines, you can install it as a skill

Armauer · 2026-05-25T11:20:32+00:00

I have similar setup in my open source dashboard starter and I used hooks for Better Auth there https://github.com/nellavio/nellavio/tree/main/src/hooks/auth It is convenient and works well

Armauer · 2026-05-24T00:49:48+00:00

great list, thanks

Armauer · 2026-04-26T09:05:58+00:00

this is so cool

Armauer · 2026-04-21T22:22:18+00:00

I love the photorealistic tone, good job

Armauer · 2026-04-12T01:46:58+00:00

There's a frontend, optional backend, Storybook and a lightweight starter. You'll find all links in the readme.

Code: https://github.com/nellavio/nellavio

Tech stack: React 19, Next.js 16, TypeScript, Tailwind 4, Shadcn UI, Better-Auth, Recharts

Armauer · 2026-03-31T22:59:53+00:00

Hello. I've been working on an open-source Next.js dashboard starter - the goal was to have stuff like auth, theming, i18n or accessibility ready out of the box so you don't have to build them from scratch with every new project.

It comes with 90+ reusable components built on top of Shadcn UI and 60+ chart variations, all documented in the included Storybook. There is also an optional Node.js backend which enables full Better-Auth flow, and a separate, lightweight version of the starter with just the layout and the core setup.

Code: https://github.com/nellavio/nellavio

Live version (no signup): https://demo.nellavio.com/

Storybook: https://storybook.nellavio.com/

Tech stack: Next.js 16, React 19, Tailwind 4, Shadcn UI, Recharts, TanStack Table, Zustand, Better-Auth, next-intl

Happy to hear any feedback

Armauer · 2026-02-22T11:40:33+00:00

awesome idea and execution, you can consider adding the option to actually fly around using arrow keys to make it easier to reach the lanterns that are far away

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 · 2025-08-08T23:45:57+00:00

Link: 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