11 ms·

Windows 11 in Svelte

365 points by jaden 3y ago

supermatt 3y ago
45kb of js uncompressed for the app, vs 5x that for google tag manager.. wtf is gtm doing that it needs to be 5x the size of a window manager.
- soderfoo 3y ago
  If I remember correctly, a common seo pattern is to use GTM to inject scripts for more analytics instrumentation. But maybe someone else can offer a more detailed answer, it's not my domain.
shp0ngle 3y ago
Missing all the constant Edge, Bing and OneDrive pop-ups and ads. (Speaking of which. Why is MS allowed to do all that stuff when they got record fine in the 90s for less? Eh, better not ask.)
pwrrr 3y ago
whyyy
- yashash 3y ago
  why not
josephg 3y ago
Here's a link to the live version, if you struggled to find it too: https://win11-svelte.vercel.app/ https://win11-svelte.vercel.app/
- mihaaly 3y ago
  I went to https://win11-svelte.vercel.app/ https://win11-svelte.vercel.app/, opened up Edge, then went to https://win11-svelte.vercel.app/ https://win11-svelte.vercel.app/, opened up Edge, then went to https://win11-svelte.vercel.app/ https://win11-svelte.vercel.app/, opened up Edge, .... Silly but entertaining in a slow morning. : )
  - yashash 3y ago
    you won't believe how many times people have told me that & have become fascinated by this thing alone :)
    - ishanjain28 3y ago
      If at all possible, The links in edge should open in a tab in edge. That'll be awesome to have
      - yashash 3y ago
        noted
jonplackett 3y ago
Why is everyone so obsessed with replicating such a terrible UI as windows. I had to go back to windows this week because the software to run a massive LED curtain we bought for the office window will only run with this 10 yo windows software. And it was horrible. Just horrible.
- circuit10 3y ago
  I quite like replicating UIs I general, it’s satisfying to get it looking the same
vrglvrglvrgl 3y ago
[dead]
splittydev 3y ago
Looks great, but not very realistic. The real Win11 start menu doesn't open immediately, it glitches in various ways for 3-4 times before actually working. Realism 7/10
- altano 3y ago
  I still can't believe how buggy the start menu has been since Windows 8, released TEN YEARS ago.
  - movedx 3y ago
    The START MENU? TEN YEARS? My friend, how about simple file management? They've been at that for DECADES and still can't get it right? "Oh, you dragged something over the top of a network drive in Explorer, let me waste the next 3-5 minutes trying to connect to that drive for you". Or how about this: "Oh you plugged in a USB drive that was setup as a live CD? Let me crash for a second and mash your MBR to bits". How is Windows still mostly garbage at this point?
    - smt88 3y ago
      I've been using Windows for 30 years and haven't encountered either issue you've described.
      - hsbauauvhabzb 3y ago
        That kind of attitude leads to user blaming. I have fond memories of the workgroup network scan freezing my computer for extended durations in the xp days
        smashed 3y ago
        Or just download a large file, choose save as on a drive other than the C drive because it is too big, and watch IE proceed to fill up the temp dir on the C drive, completely ignoring the fact you asked to save on another drive. Or if you had enough space, still waste minutes copying the deleting the file...
simonw 3y ago
I'm enjoying how simple some of this actually is. Here's the full implementation of VS Code for example: https://github.com/yashash-pugalia/win11-svelte/blob/main/src/apps/VSCode.svelte https://github.com/yashash-pugalia/win11-svelte/blob/main/sr... It's just 44 lines of code - it works by opening a window with an iframe that points to https://stackblitz.com/github/yashash-pugalia/win11Svelte?embed=1&file=src/App.svelte https://stackblitz.com/github/yashash-pugalia/win11Svelte?em...
- UberFly 3y ago
  Chromium only I guess. Bah.
  - simonw 3y ago
    Works fine for me in Firefox.
    - seanw444 3y ago
      Works for me in LibreWolf, even.
- vxNsr 3y ago
  best part is you can nest the website in the vs code preview window
  - ithkuil 3y ago
    I managed to nest it three times then it stopped working (vs code window was empty). Winder why is there a limit
ronsor 3y ago
Already better UX than the original
fmiras 3y ago
Just wondering, is this useful in any way other than a recretional/research project?
- anshumankmr 3y ago
  Great for the guy's CV
  - deleted 3y ago
    [deleted]
graypegg 3y ago
Some (evil) part of me wants to set this up as a live desktop in Wallpaper Engine on a friend’s PC. Looks accurate! Good job
xony 3y ago
[dead]
ddtaylor 3y ago
I kind of find the excessive usage of emoticons and such distracting.
- eyelidlessness 3y ago
  I find it delightful but I understand why others don’t. Given this is such a common complaint specifically about GitHub/similar source hosts’ READMEs, it feels like low hanging fruit for a probably simple browser extension to hide them.
- bombcar 3y ago
  Stand back! (I do this with ♥, 🩷, 🩵, and 🩶) 🫸🫨🫷 If you have a 🫎 would it rhyme with a 🪿 when there were more than two? Probably shouldn't be a 🫏 to dang; the code just hasn't been updated to filter out the new naughties.
  - syockit 3y ago
    I have no idea what you've typed there. All I see is a heart and three boxes. And it doesn't seem that the boxes are decodable either. Whatever it originally was has probably been irreversibly replaced.
    - bombcar 3y ago
      You need to view it with a browser that supports Emojis 15 - https://emojipedia.org/emoji-15.0/ https://emojipedia.org/emoji-15.0/ - a modern phone should work
  - deleted 3y ago
    [deleted]
  - deleted 3y ago
    [deleted]
  - crumbshot 3y ago
    You can get a delightful spectrum of colour through the filter as well, using the large square emojis: ⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜ ⬜🟥🟧🟨🟩🟦🟪🟫⬛⬜ ⬜🟧🟨🟩🟦🟪🟫⬛🟥⬜ ⬜🟨🟩🟦🟪🟫⬛🟥🟧⬜ ⬜🟩🟦🟪🟫⬛🟥🟧🟨⬜ ⬜🟦🟪🟫⬛🟥🟧🟨🟩⬜ ⬜🟪🟫⬛🟥🟧🟨🟩🟦⬜ ⬜🟫⬛🟥🟧🟨🟩🟦🟪⬜ ⬜⬛🟥🟧🟨🟩🟦🟪🟫⬜ ⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜ HN pixel art generator, anyone?
bufio 3y ago
[flagged]
- eyelidlessness 3y ago
  Why not? People have been recreating GUI and terminal experiences on the web in a bunch of creative ways since they’ve had the APIs or imagination available to do so. It’s one of the cool things that has transcended many of the things people don’t like about the web.
- paulddraper 3y ago
  For the lulz
LegitShady 3y ago
I'm a windows user. I have windows on 3 computers. The only devices that don't run windows are an ipad and an android phone. I don't understand why I'd want the windows 11 experience anywhere I wasn't forced to have it. I heard they may soon restore some of the features they took away from the start bar, though.
- nikanj 3y ago
  Hey that’s how Windows 8 went as well. Some dweeb convinces upper management that tablets are the future and the UI should turn be optimized for touch, then the .1 update rolls back some of the changes after MS realizes corporations still do work on normal desktops
- MarioMan 3y ago
  I have been using ExplorerPatcher ever since I jumped to 11. It lets me choose my favorite unholy blend of both Windows 10 and Windows 11 task bars.
- hsbauauvhabzb 3y ago
  You’re not forced to have it on the 3 computers you do have it on, so saying you don’t want it elsewhere isn’t an assumption anyone can make. I doubt the developer has you specifically in mind when they developed this, though.
  - LegitShady 3y ago
    I have windows but not windows 11. I'll be on 10 until they stop supporting it, because of all the unnecessary UI changes in 11.
secalex 3y ago
Your scientists were so preoccupied with whether or not they could, they didn't stop to think if they should.
nstart 3y ago
Just want to shout out a couple of things. One, it's great to see a hack project here that's been done just for the fun of it. I'm noticing a few comments questioning the "why?" around this. To me at least, it's just a really fun thing to do to hack together something, just because. There doesn't always have to be a rhyme or reason for things like this. Two, it felt like there was a period where sites that would host hack projects with no limitations was slowly dying out. Not just because of costs but also because of the associated risks with it (spam, phishing, etc). I really do love what Vercel is enabling here. When I mentor younger folks, it's becoming really easy to tell them where to go throw up a hack project after they've learnt git and Vercel is fast becoming The choice to send them to. Much kudos and gratitude to the team there.
- waboremo 3y ago
  Vercel and Netlify are fantastic options for those exact class of projects. Render as well for the more full stack hack projects.
- dgellow 3y ago
  I’ve seen some people use Glitch for experimental web projects. https://glitch.com/ https://glitch.com/
  - circuit10 3y ago
    https://replit.com/ https://replit.com/ is good too
- deleted 3y ago
  [deleted]
- tgv 3y ago
  > "why?" Put it in fullscreen and you can safely leave your computer (document.body.requestFullscreen()). Too bad the background goes black.
low_tech_punk 3y ago
Have you tried opening https://win11-svelte.vercel.app/ https://win11-svelte.vercel.app/ inside the edge browser inside the app? I think the recursion taps out after the second layer.
- gaetgu 3y ago
  I have gotten in to go down five layers (at which point I run out of screen space) and it is still perfectly responsive. Actually at this point feels more responsive than the real windows 11.
- yashash 3y ago
  actually there is a way around just add a ?1 or any thing random after the domain like https://win11-svelte.vercel.app?1 https://win11-svelte.vercel.app?1
frozenport 3y ago
Unrealistic: no spyware!
- mometsi 3y ago
  newrelic js-agent appeared when I clicked on the VSCode icon
elijahbenizzy 3y ago
Was able to go three levels of recursion deep until it crapped out. This is awesome!
rickstanley 3y ago
Clearly incomplete, no ads in the start menu!
- ric2b 3y ago
  That would be an hilarious way for the developer to monetize the project, all in the name of realism!
wontoncc 3y ago
It feels so weird when it's actually snappier than the original UI.
- mcv 3y ago
  It only has to be snappier than Windows, which isn't hard.
revskill 3y ago
When open Bing, there should be a bunch of "crappy stuffs" like Ads and Popups. Also, adding a small delay when open any windows to be more realistic.
- yashash 3y ago
  lmao
maxloh 3y ago
> Fun Fact - It has a Lighthouse score of 100 Last time I checked several years ago, `backdrop-filter` is buggy on my laptop. Is it more optimized now?
- alpaca128 3y ago
  What browser were you using? Firefox took a while to implement the blur filter for example, but it's supported now.
alg0rith 3y ago
Let's not give Microsoft any more ideas
nwmcsween 3y ago
This is actually more responsive than the Windows 11 Desktop..
spencerchubb 3y ago
I don't know why but this gave me a quick dopamine hit. It's fun to play with and looks nice
aetherspawn 3y ago
Amazing, it's more performant than the real thing.
- tgv 3y ago
  TBH, that's not amazing. It opens a div with pretty much hard-coded icons and text. Browsers are really good at that. It's rather a bit of a shame that Windows 11 is so sluggish. But that's what you get when you put layer upon layer upon layer upon layer of UI, I guess.
intrasight 3y ago
Reminds me of a bygone era when I had played around with doing something similar: Windows NT in IE5. It was a very useful learning exercise as I'm sure this one was.
andsoitis 3y ago
Caveat: this is not, in fact, an implementation or enablement of Windows in Svelte!
pinkime 3y ago
[flagged]
- yashash 3y ago
  why not
oaiey 3y ago
There is something with this idea: recreate a desktop environment in the browser. I have done it in the late 90s (obviously in PHP), and until today they show up regularly. Once MacOS, once windows, in svelte, in react, whatever. I thought it/I was brilliant then but nowadays I cannot even grasp the idea on why I did that. Never seen any in production for anything, and the only remnants like movable panels of properties always feel misplaced on web pages/apps.
- anxion 3y ago
  Synology's Disk Station Manager recreates a desktop environment. https://demo.synology.com/en-us/dsm https://demo.synology.com/en-us/dsm
  - sgt 3y ago
    Synology's web desktop is really slick. Is there an open source web desktop environment that comes close? I've seen os.js etc but that looks a bit dated now. The React ones for Win11 are a bit immature still.
    - DustinBrett 3y ago
      I'd like to think my project daedalOS comes close and is fully functional as far as desktop environments in the browser go. Feel free to check it out. https://github.com/DustinBrett/daedalOS https://github.com/DustinBrett/daedalOS
      - sgt 3y ago
        Most impressive one I've seen so far. It even works on mobile which is unheard of for most web based desktop environments.
    - hakre 3y ago
      > Is there an open source web desktop environment that comes close? https://www.linuxserver.io/blog/2021-05-05-meet-webtops-a-linux-desktop-environment-in-your-browser https://www.linuxserver.io/blog/2021-05-05-meet-webtops-a-li... (note: one may consider this cheating)
RamblingCTO 3y ago
You know, if you are looking for a job, that's what I love to see. Curiosity, passion, and just pure software craftsmanship. Fuck CVs, gimme this.
- royal_ts 3y ago
  Sure I agree that this is far more accurate of what one can do but you can't expect that from people working, managing their day to day life, family and so on. It's one thing we don't expect in other industries in that way
  - RamblingCTO 3y ago
    I understand that! It would be optimal, but life happens. That being said, I still manage to code on the side somehow. But I'm single and don't have kids, so that's probably why. I would be sad to lose that.
- infinitezest 3y ago
  Based on the amount of salesmanship happening in the readme, I think its sfe to say the author knows this already :P
rizky05 3y ago
[dead]
mhoad 3y ago
Just by way of comparison for a real world example. As far as I know Chrome OS and Chrome itself is more or less all Lit for the UI.
- fassssst 3y ago
  No it’s not, it uses “Ash” which is native C++ that looks really old school. https://chromium.googlesource.com/chromium/src.git/+/lkgr/ash/ https://chromium.googlesource.com/chromium/src.git/+/lkgr/as...
  - mhoad 3y ago
    Dev tools is at a minimum https://chromium.googlesource.com/devtools/devtools-frontend/+/49bfb71b8ecca37a6afb776cfddc2ef338067fd1/front_end/ui/components/chrome_link/ChromeLink.ts https://chromium.googlesource.com/devtools/devtools-frontend...
mihaaly 3y ago
... but why?!
- yashash 3y ago
  why not
deweywsu 3y ago
I'm going to sound old here, but why use Svelte? Why yet another one? Why not an established framework like React or Vue? I realize Svelte is compiled but it's oh so close to the others, and its performance is only better in certain corner cases. I ask because of learning exhaustion with the plethora of lookalike languages and frameworks and the constant, unending learning curve associated with all front end development now. I'm not dissing creation or incremental progress. I just sometimes don't think the constant change for new languages and frameworks that come with only minor syntax changes or small differences under the hood is worth the never-ending mandatory learning thrust on developers.
- reactor 3y ago
  Looks like you haven't tried Svelte for something serious. As someone who used React for a long time and started using Svelte for about 6 months now, there's no way I'm going to go back to React, the DX with Svelte has been that good.
- deleted 3y ago
  [deleted]
- yashash 3y ago
  We actually first created it with https://github.com/blueedgetechno/win11React https://github.com/blueedgetechno/win11React then I was learning Svelte didn't have any new project ideas so redid it with Svelte and found out its just much better DX. Much easy to maintain + much more :)
  - deweywsu 3y ago
    Well that's fair. Glad you found worthwhile performance and other improvements. Kudos on managing to learn Svelte and get this cranked out so fast!
  - tomgp 3y ago
    Nice! Really interesting to see the difference between the two implementations, comparing the frameworks in something more than the usual toy examples is instructive. FWIW I agree that the Svelte version looks much easier to maintain!
csk111165 3y ago
How to run this project, do we need to install it locally, cant we see it with a web link provided by you??
- chorsestudios 3y ago
  In the About section on the Github page the following link to a vercel app is provided: win11-svelte.vercel.app
  - csk111165 3y ago
    Thanks a lot!
beebeepka 3y ago
I am so bummed almost no one is hiring to do svelte here in Bulgaria. And if they do, the pay is like half of react pays. Spending the nights learning is not ideal as that consumes stamina required for the job that pays my bills. I think Svelte's approach would win over in a few years. As nice as Vue is, getting rid of virtual DOM makes total sense.
synaesthesisx 3y ago
Just tried this on Vercel…the funny thing is it’s actually more responsive than real Win11..
- urbandw311er 3y ago
  I mean, to be fair, it’s doing a lot less…
  - bijuice 3y ago
    It's also running on JavaScript and in a browser.
eps 3y ago
Why is a good chunk of the Readme dedicated to pleading for a repo star? Not the first time seeing a project doing that. This can't be just for vanity reasons. Anyone knows?
- alpark3 3y ago
  Stars boost visibility and is an important number motivating people who work on these for free
- cuoco 3y ago
  Makes your CV look good.
  - miyuru 3y ago
    Just went to the project creators LinkedIn and this project is his work Experience section(LinkedIn has separate project section for these) and it explicitly mentions the number of stars.
- notThrowingAway 3y ago
  At least it's better than buying fake stars https://dagster.io/blog/fake-stars https://dagster.io/blog/fake-stars
angelmm 3y ago
I love the fact that I can start a new Windows 11 in Svelte in the Code editor recursively. Really cool job!
BiggerBio2 3y ago
[dead]
jcarrano 3y ago
Funny I don't know how this is supposed to look like because I haven't used Win11. Icons look sort of dithered or something.
codethief 3y ago
Similar project for Android that the author contributed to as well: https://github.com/blueedgetechno/androidInReact https://github.com/blueedgetechno/androidInReact
MisterTea 3y ago
At the bottom of the readme is a huge spammy star this project advertisement with animated images. I cant help but laugh at the irony of a project which replicates the experience of Windows 11 - an OS with integrated self promoting Ads - itself displays spammy self promoting ads. The same github user has this same spam on every repo - no wonder they are a Windows fan, right at home with spam.
- vctrnk 3y ago
  I wouldn't have a problem with that, if only they were in better taste... that graphic looks like something out of XKCD, and the scrolling userlist almost gave me a seizure. Looks like it was done by a teenager or someone with more commercial rather than technical background, and this isn't a praising.

365 points by jaden 3y ago

45kb of js uncompressed for the app, vs 5x that for google tag manager.. wtf is gtm doing that it needs to be 5x the size of a window manager.

soderfoo 3y ago
If I remember correctly, a common seo pattern is to use GTM to inject scripts for more analytics instrumentation. But maybe someone else can offer a more detailed answer, it's not my domain.

shp0ngle 3y ago

Missing all the constant Edge, Bing and OneDrive pop-ups and ads. (Speaking of which. Why is MS allowed to do all that stuff when they got record fine in the 90s for less? Eh, better not ask.)

pwrrr 3y ago

whyyy

yashash 3y ago
why not

josephg 3y ago

Here's a link to the live version, if you struggled to find it too: https://win11-svelte.vercel.app/ https://win11-svelte.vercel.app/

mihaaly 3y ago
I went to https://win11-svelte.vercel.app/ https://win11-svelte.vercel.app/, opened up Edge, then went to https://win11-svelte.vercel.app/ https://win11-svelte.vercel.app/, opened up Edge, then went to https://win11-svelte.vercel.app/ https://win11-svelte.vercel.app/, opened up Edge, .... Silly but entertaining in a slow morning. : )
- yashash 3y ago
  you won't believe how many times people have told me that & have become fascinated by this thing alone :)
  - ishanjain28 3y ago
    If at all possible, The links in edge should open in a tab in edge. That'll be awesome to have
    - yashash 3y ago
      noted

jonplackett 3y ago

Why is everyone so obsessed with replicating such a terrible UI as windows. I had to go back to windows this week because the software to run a massive LED curtain we bought for the office window will only run with this 10 yo windows software. And it was horrible. Just horrible.

circuit10 3y ago
I quite like replicating UIs I general, it’s satisfying to get it looking the same

vrglvrglvrgl 3y ago

[dead]

splittydev 3y ago

Looks great, but not very realistic. The real Win11 start menu doesn't open immediately, it glitches in various ways for 3-4 times before actually working. Realism 7/10

altano 3y ago
I still can't believe how buggy the start menu has been since Windows 8, released TEN YEARS ago.
- movedx 3y ago
  The START MENU? TEN YEARS? My friend, how about simple file management? They've been at that for DECADES and still can't get it right? "Oh, you dragged something over the top of a network drive in Explorer, let me waste the next 3-5 minutes trying to connect to that drive for you". Or how about this: "Oh you plugged in a USB drive that was setup as a live CD? Let me crash for a second and mash your MBR to bits". How is Windows still mostly garbage at this point?
  - smt88 3y ago
    I've been using Windows for 30 years and haven't encountered either issue you've described.
    - hsbauauvhabzb 3y ago
      That kind of attitude leads to user blaming. I have fond memories of the workgroup network scan freezing my computer for extended durations in the xp days
      - smashed 3y ago
        Or just download a large file, choose save as on a drive other than the C drive because it is too big, and watch IE proceed to fill up the temp dir on the C drive, completely ignoring the fact you asked to save on another drive. Or if you had enough space, still waste minutes copying the deleting the file...

simonw 3y ago

I'm enjoying how simple some of this actually is. Here's the full implementation of VS Code for example: https://github.com/yashash-pugalia/win11-svelte/blob/main/src/apps/VSCode.svelte https://github.com/yashash-pugalia/win11-svelte/blob/main/sr... It's just 44 lines of code - it works by opening a window with an iframe that points to https://stackblitz.com/github/yashash-pugalia/win11Svelte?embed=1&file=src/App.svelte https://stackblitz.com/github/yashash-pugalia/win11Svelte?em...

UberFly 3y ago
Chromium only I guess. Bah.
- simonw 3y ago
  Works fine for me in Firefox.
  - seanw444 3y ago
    Works for me in LibreWolf, even.
vxNsr 3y ago
best part is you can nest the website in the vs code preview window
- ithkuil 3y ago
  I managed to nest it three times then it stopped working (vs code window was empty). Winder why is there a limit

ronsor 3y ago

Already better UX than the original

fmiras 3y ago

Just wondering, is this useful in any way other than a recretional/research project?

anshumankmr 3y ago
Great for the guy's CV
- deleted 3y ago
  [deleted]

graypegg 3y ago

Some (evil) part of me wants to set this up as a live desktop in Wallpaper Engine on a friend’s PC. Looks accurate! Good job

xony 3y ago

[dead]

ddtaylor 3y ago

I kind of find the excessive usage of emoticons and such distracting.

eyelidlessness 3y ago
I find it delightful but I understand why others don’t. Given this is such a common complaint specifically about GitHub/similar source hosts’ READMEs, it feels like low hanging fruit for a probably simple browser extension to hide them.
bombcar 3y ago
Stand back! (I do this with ♥, 🩷, 🩵, and 🩶) 🫸🫨🫷 If you have a 🫎 would it rhyme with a 🪿 when there were more than two? Probably shouldn't be a 🫏 to dang; the code just hasn't been updated to filter out the new naughties.
- syockit 3y ago
  I have no idea what you've typed there. All I see is a heart and three boxes. And it doesn't seem that the boxes are decodable either. Whatever it originally was has probably been irreversibly replaced.
  - bombcar 3y ago
    You need to view it with a browser that supports Emojis 15 - https://emojipedia.org/emoji-15.0/ https://emojipedia.org/emoji-15.0/ - a modern phone should work
- deleted 3y ago
  [deleted]
- deleted 3y ago
  [deleted]
- crumbshot 3y ago
  You can get a delightful spectrum of colour through the filter as well, using the large square emojis: ⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜ ⬜🟥🟧🟨🟩🟦🟪🟫⬛⬜ ⬜🟧🟨🟩🟦🟪🟫⬛🟥⬜ ⬜🟨🟩🟦🟪🟫⬛🟥🟧⬜ ⬜🟩🟦🟪🟫⬛🟥🟧🟨⬜ ⬜🟦🟪🟫⬛🟥🟧🟨🟩⬜ ⬜🟪🟫⬛🟥🟧🟨🟩🟦⬜ ⬜🟫⬛🟥🟧🟨🟩🟦🟪⬜ ⬜⬛🟥🟧🟨🟩🟦🟪🟫⬜ ⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜ HN pixel art generator, anyone?

bufio 3y ago

[flagged]

eyelidlessness 3y ago
Why not? People have been recreating GUI and terminal experiences on the web in a bunch of creative ways since they’ve had the APIs or imagination available to do so. It’s one of the cool things that has transcended many of the things people don’t like about the web.
paulddraper 3y ago
For the lulz

LegitShady 3y ago

I'm a windows user. I have windows on 3 computers. The only devices that don't run windows are an ipad and an android phone. I don't understand why I'd want the windows 11 experience anywhere I wasn't forced to have it. I heard they may soon restore some of the features they took away from the start bar, though.

nikanj 3y ago
Hey that’s how Windows 8 went as well. Some dweeb convinces upper management that tablets are the future and the UI should turn be optimized for touch, then the .1 update rolls back some of the changes after MS realizes corporations still do work on normal desktops
MarioMan 3y ago
I have been using ExplorerPatcher ever since I jumped to 11. It lets me choose my favorite unholy blend of both Windows 10 and Windows 11 task bars.
hsbauauvhabzb 3y ago
You’re not forced to have it on the 3 computers you do have it on, so saying you don’t want it elsewhere isn’t an assumption anyone can make. I doubt the developer has you specifically in mind when they developed this, though.
- LegitShady 3y ago
  I have windows but not windows 11. I'll be on 10 until they stop supporting it, because of all the unnecessary UI changes in 11.

secalex 3y ago

Your scientists were so preoccupied with whether or not they could, they didn't stop to think if they should.

nstart 3y ago

Just want to shout out a couple of things. One, it's great to see a hack project here that's been done just for the fun of it. I'm noticing a few comments questioning the "why?" around this. To me at least, it's just a really fun thing to do to hack together something, just because. There doesn't always have to be a rhyme or reason for things like this. Two, it felt like there was a period where sites that would host hack projects with no limitations was slowly dying out. Not just because of costs but also because of the associated risks with it (spam, phishing, etc). I really do love what Vercel is enabling here. When I mentor younger folks, it's becoming really easy to tell them where to go throw up a hack project after they've learnt git and Vercel is fast becoming The choice to send them to. Much kudos and gratitude to the team there.

waboremo 3y ago
Vercel and Netlify are fantastic options for those exact class of projects. Render as well for the more full stack hack projects.
dgellow 3y ago
I’ve seen some people use Glitch for experimental web projects. https://glitch.com/ https://glitch.com/
- circuit10 3y ago
  https://replit.com/ https://replit.com/ is good too
deleted 3y ago
[deleted]
tgv 3y ago
> "why?" Put it in fullscreen and you can safely leave your computer (document.body.requestFullscreen()). Too bad the background goes black.

low_tech_punk 3y ago

Have you tried opening https://win11-svelte.vercel.app/ https://win11-svelte.vercel.app/ inside the edge browser inside the app? I think the recursion taps out after the second layer.

gaetgu 3y ago
I have gotten in to go down five layers (at which point I run out of screen space) and it is still perfectly responsive. Actually at this point feels more responsive than the real windows 11.
yashash 3y ago
actually there is a way around just add a ?1 or any thing random after the domain like https://win11-svelte.vercel.app?1 https://win11-svelte.vercel.app?1

frozenport 3y ago

Unrealistic: no spyware!

mometsi 3y ago
newrelic js-agent appeared when I clicked on the VSCode icon

elijahbenizzy 3y ago

Was able to go three levels of recursion deep until it crapped out. This is awesome!

rickstanley 3y ago

Clearly incomplete, no ads in the start menu!

ric2b 3y ago
That would be an hilarious way for the developer to monetize the project, all in the name of realism!

wontoncc 3y ago

It feels so weird when it's actually snappier than the original UI.

mcv 3y ago
It only has to be snappier than Windows, which isn't hard.

revskill 3y ago

When open Bing, there should be a bunch of "crappy stuffs" like Ads and Popups. Also, adding a small delay when open any windows to be more realistic.

yashash 3y ago
lmao

maxloh 3y ago

> Fun Fact - It has a Lighthouse score of 100 Last time I checked several years ago, `backdrop-filter` is buggy on my laptop. Is it more optimized now?

alpaca128 3y ago
What browser were you using? Firefox took a while to implement the blur filter for example, but it's supported now.

alg0rith 3y ago

Let's not give Microsoft any more ideas

nwmcsween 3y ago

This is actually more responsive than the Windows 11 Desktop..

spencerchubb 3y ago

I don't know why but this gave me a quick dopamine hit. It's fun to play with and looks nice

aetherspawn 3y ago

Amazing, it's more performant than the real thing.

tgv 3y ago
TBH, that's not amazing. It opens a div with pretty much hard-coded icons and text. Browsers are really good at that. It's rather a bit of a shame that Windows 11 is so sluggish. But that's what you get when you put layer upon layer upon layer upon layer of UI, I guess.

intrasight 3y ago

Reminds me of a bygone era when I had played around with doing something similar: Windows NT in IE5. It was a very useful learning exercise as I'm sure this one was.

andsoitis 3y ago

Caveat: this is not, in fact, an implementation or enablement of Windows in Svelte!

pinkime 3y ago

[flagged]

yashash 3y ago
why not

oaiey 3y ago

There is something with this idea: recreate a desktop environment in the browser. I have done it in the late 90s (obviously in PHP), and until today they show up regularly. Once MacOS, once windows, in svelte, in react, whatever. I thought it/I was brilliant then but nowadays I cannot even grasp the idea on why I did that. Never seen any in production for anything, and the only remnants like movable panels of properties always feel misplaced on web pages/apps.

anxion 3y ago
Synology's Disk Station Manager recreates a desktop environment. https://demo.synology.com/en-us/dsm https://demo.synology.com/en-us/dsm
- sgt 3y ago
  Synology's web desktop is really slick. Is there an open source web desktop environment that comes close? I've seen os.js etc but that looks a bit dated now. The React ones for Win11 are a bit immature still.
  - DustinBrett 3y ago
    I'd like to think my project daedalOS comes close and is fully functional as far as desktop environments in the browser go. Feel free to check it out. https://github.com/DustinBrett/daedalOS https://github.com/DustinBrett/daedalOS
    - sgt 3y ago
      Most impressive one I've seen so far. It even works on mobile which is unheard of for most web based desktop environments.
  - hakre 3y ago
    > Is there an open source web desktop environment that comes close? https://www.linuxserver.io/blog/2021-05-05-meet-webtops-a-linux-desktop-environment-in-your-browser https://www.linuxserver.io/blog/2021-05-05-meet-webtops-a-li... (note: one may consider this cheating)

RamblingCTO 3y ago

You know, if you are looking for a job, that's what I love to see. Curiosity, passion, and just pure software craftsmanship. Fuck CVs, gimme this.

royal_ts 3y ago
Sure I agree that this is far more accurate of what one can do but you can't expect that from people working, managing their day to day life, family and so on. It's one thing we don't expect in other industries in that way
- RamblingCTO 3y ago
  I understand that! It would be optimal, but life happens. That being said, I still manage to code on the side somehow. But I'm single and don't have kids, so that's probably why. I would be sad to lose that.
infinitezest 3y ago
Based on the amount of salesmanship happening in the readme, I think its sfe to say the author knows this already :P

rizky05 3y ago

[dead]

mhoad 3y ago

Just by way of comparison for a real world example. As far as I know Chrome OS and Chrome itself is more or less all Lit for the UI.

fassssst 3y ago
No it’s not, it uses “Ash” which is native C++ that looks really old school. https://chromium.googlesource.com/chromium/src.git/+/lkgr/ash/ https://chromium.googlesource.com/chromium/src.git/+/lkgr/as...
- mhoad 3y ago
  Dev tools is at a minimum https://chromium.googlesource.com/devtools/devtools-frontend/+/49bfb71b8ecca37a6afb776cfddc2ef338067fd1/front_end/ui/components/chrome_link/ChromeLink.ts https://chromium.googlesource.com/devtools/devtools-frontend...

mihaaly 3y ago

... but why?!

yashash 3y ago
why not

deweywsu 3y ago

I'm going to sound old here, but why use Svelte? Why yet another one? Why not an established framework like React or Vue? I realize Svelte is compiled but it's oh so close to the others, and its performance is only better in certain corner cases. I ask because of learning exhaustion with the plethora of lookalike languages and frameworks and the constant, unending learning curve associated with all front end development now. I'm not dissing creation or incremental progress. I just sometimes don't think the constant change for new languages and frameworks that come with only minor syntax changes or small differences under the hood is worth the never-ending mandatory learning thrust on developers.

reactor 3y ago
Looks like you haven't tried Svelte for something serious. As someone who used React for a long time and started using Svelte for about 6 months now, there's no way I'm going to go back to React, the DX with Svelte has been that good.
deleted 3y ago
[deleted]
yashash 3y ago
We actually first created it with https://github.com/blueedgetechno/win11React https://github.com/blueedgetechno/win11React then I was learning Svelte didn't have any new project ideas so redid it with Svelte and found out its just much better DX. Much easy to maintain + much more :)
- deweywsu 3y ago
  Well that's fair. Glad you found worthwhile performance and other improvements. Kudos on managing to learn Svelte and get this cranked out so fast!
- tomgp 3y ago
  Nice! Really interesting to see the difference between the two implementations, comparing the frameworks in something more than the usual toy examples is instructive. FWIW I agree that the Svelte version looks much easier to maintain!

csk111165 3y ago

How to run this project, do we need to install it locally, cant we see it with a web link provided by you??

chorsestudios 3y ago
In the About section on the Github page the following link to a vercel app is provided: win11-svelte.vercel.app
- csk111165 3y ago
  Thanks a lot!

beebeepka 3y ago

I am so bummed almost no one is hiring to do svelte here in Bulgaria. And if they do, the pay is like half of react pays. Spending the nights learning is not ideal as that consumes stamina required for the job that pays my bills. I think Svelte's approach would win over in a few years. As nice as Vue is, getting rid of virtual DOM makes total sense.

synaesthesisx 3y ago

Just tried this on Vercel…the funny thing is it’s actually more responsive than real Win11..

urbandw311er 3y ago
I mean, to be fair, it’s doing a lot less…
- bijuice 3y ago
  It's also running on JavaScript and in a browser.

eps 3y ago

Why is a good chunk of the Readme dedicated to pleading for a repo star? Not the first time seeing a project doing that. This can't be just for vanity reasons. Anyone knows?

alpark3 3y ago
Stars boost visibility and is an important number motivating people who work on these for free
cuoco 3y ago
Makes your CV look good.
- miyuru 3y ago
  Just went to the project creators LinkedIn and this project is his work Experience section(LinkedIn has separate project section for these) and it explicitly mentions the number of stars.
notThrowingAway 3y ago
At least it's better than buying fake stars https://dagster.io/blog/fake-stars https://dagster.io/blog/fake-stars

angelmm 3y ago

I love the fact that I can start a new Windows 11 in Svelte in the Code editor recursively. Really cool job!

BiggerBio2 3y ago

[dead]

jcarrano 3y ago

Funny I don't know how this is supposed to look like because I haven't used Win11. Icons look sort of dithered or something.

codethief 3y ago

Similar project for Android that the author contributed to as well: https://github.com/blueedgetechno/androidInReact https://github.com/blueedgetechno/androidInReact

MisterTea 3y ago

At the bottom of the readme is a huge spammy star this project advertisement with animated images. I cant help but laugh at the irony of a project which replicates the experience of Windows 11 - an OS with integrated self promoting Ads - itself displays spammy self promoting ads. The same github user has this same spam on every repo - no wonder they are a Windows fan, right at home with spam.

vctrnk 3y ago
I wouldn't have a problem with that, if only they were in better taste... that graphic looks like something out of XKCD, and the scrolling userlist almost gave me a seizure. Looks like it was done by a teenager or someone with more commercial rather than technical background, and this isn't a praising.