5 ms·
I'm building my personal website[1] also inspired by FUI design systems. I don't think usability is an issue at all, at least with the design approach I've take
by x7ci 3y ago
I'm building my personal website[1] also inspired by FUI design systems. I don't think usability is an issue at all, at least with the design approach I've taken. They're just React components which you could easily feed real data. The visualizations and animations are more difficult to replicate.
[1] https://x7ci.engineer/ https://x7ci.engineer/
- airstrike 3y agothis is beautiful, congrats and thank you for sharing
- muhammadusman 3y agowow, that is really cool! are you using a UI library or are these custom built?
- x7ci 3y agoThey're all custom built (except for the ECharts component). Thanks!
- synthsec 3y agoI really like this, thanks for sharing.
- ssgodderidge 3y agoLove the fade-in animations. Really awesome. The only problem I have (on laptop) is the font combined with the text size (10pt) on the blog is a bit on the smaller side. I recommend bumping up the font of the body to at least 14pt to increase readability for most screens.
- x7ci 3y agoAppreciate the feedback. I'll try to improve readability.
- zilti 3y ago[flagged]
- eyelidlessness 3y agoWhy? React’s component model can be an excellent abstraction for building a “normal website”—or rather, its component parts—for developers who prefer it. React can compile to static HTML, without running any JS client side, and/or can be used to mount or hydrate arbitrary subtrees however one sees fit. (I’d probably favor Preact or Solid for the latter, but React is a perfectly cromulent choice)
- afavour 3y agoReact can be used without JS or by hydrating subtrees but those are very uncommon. It’s certainly not React’s “happy path”.
- kamikaz1k 3y agoLiterally just a single API call: renderToString https://react.dev/reference/react-dom/server/renderToString https://react.dev/reference/react-dom/server/renderToString
- afavour 3y agoYes, I’m very aware, but renderToString is designed for later client side hydration. To make your point you would have wanted to cite renderToStaticMarkup, but tellingly no-one ever does.
- eyelidlessness 3y agoRendering to static HTML is actually pretty common. Admittedly, hydrating subtrees is fairly uncommon (at least where the full tree is also rendered by React server-side), but it’s well within the “happy path” and both patterns have been heavily promoted by React from very early on. What’s not within the “happy path” is automating any sort of partial hydration process, which is unfortunate, but it seems pretty likely RSC is going to subsume that use case for most anyone trying to solve it with React.
- drBonkers 3y agoThis is so sick. Blows Arwes out of the water.
- unintendedcons 3y agoVery cool, but distracting that the very first top left attention grabbing glyph is an unrelated company's logo https://polygon.technology/ https://polygon.technology/
- krychu 3y agoVery impressive, and works well on mobile (iOS). Congrats and thanks for sharing.
- mythz 3y agoVery cool, reminds me of 2advanced.com - a very slick flash website from 2001 that now only exists in a museum. https://www.webdesignmuseum.org/gallery/2advanced-studios-v3-2001 https://www.webdesignmuseum.org/gallery/2advanced-studios-v3...
- ivanvanderbyl 3y agoThank you for the memory of 2adv. I spent a significant amount of time in high school reverse engineering their SWF file to understand how to do animations like that in flash.
- JdeBP 3y agoIt's amusing that something "futuristic" and "sci-fi like" has connections to the year 2001 and is now in a museum of the past.
- re-thc 3y agoMaybe you can make a UI library out of it too!
- joshmarlow 3y agoI love this. Arwes is about 20% too over the top for me or I would really be tempted to build something in it. But the style ofyour site is almost exactly what I want. Are you open sourcing your component library/styling by any chance? Also, what does 'FUI' mean in this context?