11 ms·
Arwes: Futuristic Sci-Fi UI Web Framework
- alex_lav 3y agoThis is sick. I wish I had a usecase for using it.
- Pulcinella 3y agoI’m glad that they include pictures of apps that have been made with it. I would appreciate it if there were more sample pictures, but at least there is something included. Too many GUI and other graphical projects fail to include any images or screenshots, which is poor marketing.
- joshmarlow 3y agoThey actually have a site with a playground (linked from the Github page) - https://playground.arwes.dev/ https://playground.arwes.dev/
- revskill 3y agoReason: They don't want to be usable by users (yet).
- rafark 3y agoThis should apply to all products. Have a framework or a library? Show me some examples, use cases, demos of what it can do and how it does it.
- apetresc 3y agoThis style would be perfect for visionOS.
- Chris2048 3y agoIt's funny how this still feels "futuristic". I'd argue sci-fi, or retro-punk (retro-sci-fi?). The elements of design are those from the past about the future, like 80s sci-fi movie design/tropes that became stuck with the genre, along with beige CRT monitors and large floppy disks.
- AceJohnny2 3y agoYeah, the funniest thing is that this adds latency to elements appearing as a stylistic choice. This is a stylistic callback to slower systems, like BBS on a slow connection, or UIs on a slow computer.
- rchaud 3y agoIt's also just good UX. A lot of the web today ignores browser defaults, so when you click on a link, there is no visual indicator that you clicked it, like a link color change. We just don't notice/care because the page usually loads quickly enough.
- Semiapies 3y ago"Retro-future" is a common term for it, at least in certain blogs and forums.
- tangwwwei 3y agoyeah it's interesting how the visual cues for what would give people the impression of something being futuristic have mostly settled into certain styles even as we move forward in time. what could be the possible reasons for this?
- detaro 3y agoA lot of it is driven by media (movies, games), and falling back to a known style is easier than coming up with something new, which reinforces the style. Whereas if someone comes up with a new flavor, it might not even read to the audience as "futuristic", even if more thought went into it. And coming up with something that's not just a skin on tranditional designs is really hard! could one argue AR designs should be considered more futuristic? Fake movie UI also is not driven by the same concerns as real-world UI. It's usually much more a flashy center-piece and then just stuff around it that doesn't need to mean anything, because it's not actually intended to be read like a real UI is.
- javier_e06 3y agoThe future looks there comes in dark aqua tones and chirping noises when information scrolls up and down. The effort reminds me of Star Treks LCARS https://www.thelcars.com https://www.thelcars.com where orange blue and purple are prominent and is all touch screen. The future can be very distracting.
- dylan604 3y agoBut it looks so pretty on camera
- alisonatwork 3y agoWindows 8 and Windows Mobile embraced this aesthetic, and I thought it the best mainstream UI we've gotten since the 32-bit era. Everything resolves back to a straight edge, because computer screens are largely square, not round. Every object has a bold, flat color so you can easily and immediately identify it. And the background is matte black. None more black. Windows Mobile on an AMOLED display was a thing of beauty. It's too bad the design regressed in Windows 10 before proper dark mode was released for desktop, because by the time we finally got the clean backgrounds that would really make stuff pop outside the start menu, they'd already ruined the whole UI (including the start menu). Of course this latest Windows feels like Microsoft designers have fallen completely into Mac OS X redux, which to me makes computers look like some kind of ridiculous hand-carved artifact from antiquity instead of the modern, practical tools they are. Alas, what could have been.
- DarthNebo 3y agoI yearn for a frosted UI which has chilly condensation which shifts around the edges. Something from TRON but mixed with John Carpenter's 'Thing' vibe which white, blue & other nordic colors.
- regularfry 3y agoReminds me a lot of the UIs in Uplink and Defcon.
- Run_DOS_Run 3y agoOh, this is pretty awesome. It looks like these old scifi browser games. I often use exotic frameworks like TuiCss (DOS-like) and 98.css (Windows 98-like) for private projects and this framework looks perfect for it-security projects with clichéd 80s flair.. or a low-quality sci-fi mobile game.
- joehogans 3y agoLove it and great work. Looks cool to me
- itsuka 3y ago(deleted)
- germinalphrase 3y agoI’m not a figma user. Are you able to point at a representative image?
- itsuka 3y agoYou can see the glass material I was referring to in this video (timestamped): https://developer.apple.com/videos/play/wwdc2023/10076/?time=3m10s https://developer.apple.com/videos/play/wwdc2023/10076/?time...
- prolapso 3y agoFuturistic UIs peaked decades ago: https://www.youtube.com/watch?v=_xfTryfN050 https://www.youtube.com/watch?v=_xfTryfN050 https://www.youtube.com/watch?v=exz1KzuthrQ https://www.youtube.com/watch?v=exz1KzuthrQ https://www.youtube.com/watch?v=kC3k0d4u5BQ https://www.youtube.com/watch?v=kC3k0d4u5BQ I really wish we had more interesting and functional examples nowadays - the web is bloated anyway, why not make more elaborate use of that bloat? Here's another example, albeit just a singular art project: https://virtualself.co/ https://virtualself.co/ Still, it requires taste and an eye for design, and balancing all the maximalist elements makes it especially hard to nail.
- 101008 3y agoA bit unfair to compare a new framework with websites made in Flash decades ago... nothing can compete against Flash websites.
- bamfly 3y agoThere's still no replacement for the specific thing Flash did. I get that Flash itself sucked (the power use...) but it's really damn sad we simply lost what it could do. I'd have thought we'd have a replacement by now, but no. Incidentally, last I checked, no replacement for the marquee tag, either. That tag had a lot of features, in fact, and when I looked a couple years back there seemed to be zero projects that could actually replace it completely. A bunch of things that used to be very easy to accomplish, using that tag, now aren't. (now, maybe none of those things should ever be done, I suppose, so perhaps it doesn't matter)
- axismundi 3y ago2advanced Studios was always my favorite, especially https://www.youtube.com/watch?v=IWkNkQoQY_8 https://www.youtube.com/watch?v=IWkNkQoQY_8 I remember Eric Jordan, the man behind it all, mentioned in an interview that the key was to make the animations flow with a rhythm.
- charcoalhobo 3y agoThank you for this walk down memory lane—2advanced was a huge inspiration for me when I started web design and learning flash, but I couldn't remember the name of the site until now. Their 2003 design is burned into my memory.
- vas1 3y agoYes! 2advanced served as an inspiration. I remember surfing it in awe of what was possible to do. The quirkiness of the web has been somewhat lost. However, I do wonder whether that is just a factor of its expansion and whether somewhere in the depths it still lurks, waiting to be uncovered.
- radicaldreamer 3y agoThank you! This brought back memories, I never thought I'd come across that UI again
- od0 3y agoThis is the first thing I thought of when I saw this! I began learning how to build websites during this era and was always in awe of their work.
- lusus_naturae 3y agoThis is what early internet thought "the future" looks like for the web. I am wondering why there isn't design diversity (not using the sociological meaning of the word here) for forward-looking web technologies? Somehow the conversation typically centers around AR/VR or inserting crypto into everything. VisionOS is stereotypically "clean and modern". Web design in general seems so derivative and uninspired, which is strange given that a web page is the main point of interaction for most people.
- hbn 3y agoIf we were speculating what UIs will look like in the future and came up with something good, why wouldn't we just do them right now? As soon as you do it's inherently no longer "the future."
- aikinai 3y agoUI isn’t just a theme. I can imagine a lot of different UI paradigms that either aren’t possible today or just aren’t practically feasible given development constraints.
- aquajet 3y agoexamples?
- bbor 3y agoMinority Report and iron man I are the classic examples, IMO. Interactive holograms, 3D immersion, etc. can’t wait for this era!! Coming soon, it seems (with the “giant heavy headset” caveat)
- djbusby 3y agoJust need web-commected holo-projectors
- bryanrasmussen 3y ago
- darklycan51 3y agoReminds me of the starcraft 1 main menu mixed with sc2 a bit for the background, cool
- nottorp 3y agoHmm a good few of their examples look like they have much better contrast than modern grey on grey stuff. Didn't click on them to be horrified by beeps and animations if there are any, but some are pretty readable.
- asynchronous 3y agoBeen following arwes since before the rewrite, it doesn’t appear to be out of alpha yet but it is still being actively developed. Hope it gets published soon, would love to use it.
- lurknot 3y agoI am making a UI framework written completely in the webgpu api rendered purely with particles. DM me if you are interested.
- maxwindiff 3y agoNot OP but I'm interested. How should I DM you? (couldn't find one on your HN profile)
- JusticeJuice 3y agohttps://www.hudsandguis.com/ https://www.hudsandguis.com/ - more FUI work, one of my favourite sites.
- rmuratov 3y agoRelated: https://augmented-ui.com/ https://augmented-ui.com/
- RobotToaster 3y agoLooks more usable than most of the minimalist corporate memphis websites you see today.
- x7ci 3y agoI'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]
- sgt 3y agoPerfect for building my next homepage! I'll start off with something simple, maybe add an under construction gif or two to ensure people know content is coming soon.
- anotherhue 3y ago60's themed UI: https://neilyoungarchives.com/timeline?day=1&month=1&year=2023 https://neilyoungarchives.com/timeline?day=1&month=1&year=20...
- tedunangst 3y ago404
- anotherhue 3y agoSeems to be desktop only :( The app has the same feel though https://play.google.com/store/apps/details?id=com.shakey.nyarchives&hl=en_US&gl=US https://play.google.com/store/apps/details?id=com.shakey.nya...
- jasfi 3y agoThey're a bit short on components. I see there's an open issue to add a Select component: https://github.com/arwes/arwes/issues/137 https://github.com/arwes/arwes/issues/137 I'd need this at minimum before I'd considered using this in a real project.
- pawelduda 3y agoThis would be quite cool with my homeassistant dashboard :D
- potatoman2 3y agoI used this at work for an internal tool and the team went wild over it. "It feels like we're working in the future!"
- Animats 3y agoIn the future, everything will be cyan. This seems to be a thing in anime and movies. It dates from the early 1980s, when displays were mostly green. Fiction needed something different. It also works well for see-through displays which allow the audience to see the actor's face. On stuff you actually have to interact with, it's more of a cliche now.
- benatkin 3y agoMissing cybernetic capabilities.
- anyfoo 3y agoI clicked straight on the first example of a real website that uses it, and, surprisingly, I really like it: https://soulextract.com https://soulextract.com Normally I'm a "no nonsense" kind of guy for the web, actually preferring plain text as much as possible, but for creative/artistic stuff, it's different. It reminds me a bit of the extravagant flash sites of the early 2000s. Playful, and all the whimsy is part of it. I even like the sounds this website makes. You'd think it would be cheese, but here it just works?
- joshmarlow 3y agoI actually listen to Soul Extract regularly now after finding it through this UI library!
- webprofusion 3y agoThis is probably cool but I didn't find a full showcase UI? I saw the playground but that seems to be for trying individual components.
- b_mc2 3y agoLooks really cool! Gives me similar vibes as EDEX-UI[1] [1] https://github.com/GitSquared/edex-ui https://github.com/GitSquared/edex-ui
- ChrisArchitect 3y ago(2019)
- ChrisArchitect 3y agoBunch of previous discussion: https://news.ycombinator.com/item?id=24282270 https://news.ycombinator.com/item?id=24282270
- longnguyen 3y agoArwes is awesome. I built an internal tool using the previous version of Arwes[0]. It's a visualization tool for a 3D scanner. [0]: https://scan-viewer.vercel.app/scans/1?tab=overview https://scan-viewer.vercel.app/scans/1?tab=overview