You are browsing as a guest. Sign up (or log in) to start making projects!

Alttre os

By @Alttre

  • 3 Devlogs
  • 1 Total hours

A modern, premium Web OS with a glassmorphism design. It features a fully functional window manager with draggable and resizable windows, a custom taskbar, a live weather app widget, and a beautiful desktop environment. Built using Vite, React, and Framer Motion..
Ship #1 Pending review

@Alttre on Alttre os

I created alttre.os, a modern, premium Web OS mockup built from scratch using React, Vite, and Framer Motion.

🚀 What did you make?
- Fully functional draggable and resizable window manager.
- Customizable Taskbar styles (Classic and Dock Layout) with a live Setup Screen.
- Premium glassmorphism UI with interactive live wallpaper engines (3D Particles & Fluid physics).
- A collection of built-in apps: A 3D STL File Viewer, 3D Studio Editor, Python IDE, Notepad, terminal, Lofi music player, Live Weather, Paint, games (Snake, Memory, TicTacToe), and a simulated InstaClone.

⚡️ What was challenging?
- Implementing smooth, absolute window dragging and custom resizing overlays without breaking embedded iframe components (like the 3D canvas and terminal).
- Handling viewport height scaling (dvh resets) in nested iframe environments (especially preventing bottom Dock cutoff in dashboard previews).
- Building the virtual file system (VFS) to share data state smoothly between apps like Notepad and Devlog.

🌟 What are you proud of?
- The premium, fluid, and highly polished glassmorphism design system.
- Designing a separate, completely modular preview system for the setup screen layout options.
- The ultra-responsive desktop feel and smooth custom cursor effects.

🔍 How to test it:
1. Complete the setup screen to customize your OS username, wallpaper, cursor, and taskbar style (Classic or Dock).
2. Use the menu on the top-left to launch applications.
3. Open the "Stardance Devlog" app to see the progress log, and try resizing/dragging the windows to test out the multitasking window manager!

Try project → See source code →
Open comments for this post

@Alttre on Alttre os

29m 5s logged

I Posted 2 Devlog but ı cant ship my projecet ı write this for a test pls somene help me and ı want say aout somethinf my project ı finished eveythıng .add games resıble windeows editorsand ı fixed dock prewiew bug

@Alttre

I Posted 2 Devlog but ı cant ship my projecet ı write this for a test pls somene help me and ı want say aout somethinf my project ı finished eveythıng .add games resıble windeows editorsand ı fixed dock prewiew bug

Replying to @Alttre
0
Open comments for this post

@Alttre on Alttre os

26m 31s logged

ı aded a stl wiewer and 3d wiewer ı add a python editor based monaca editor ı thınk ıts enought but u have a ıdea ı can make ıt and ı fıunıshed the filesystem ı see some bugs about window system localhost before deployment update and ı fix them

@Alttre

ı aded a stl wiewer and 3d wiewer ı add a python editor based monaca editor ı thınk ıts enought but u have a ıdea ı can make ıt and ı fıunıshed the filesystem ı see some bugs about window system localhost before deployment update and ı fix them

Replying to @Alttre
0
Open comments for this post

@Alttre on Alttre os

26m 35s logged

ı am tryıng add a folder mechanic for my os and ı want make a pdf doc editor with stl wiewer

@Alttre

ı am tryıng add a folder mechanic for my os and ı want make a pdf doc editor with stl wiewer

Replying to @Alttre
0

Followers

Loading…