A centralized distribution hub for 11 high-performance web applications designed for both standalone use and instant deployment via iframes. This project allows users to design, edit, and browse directly on the site or easily embed these tools into their own web projects using provided code snippets.
---
- "Jello" Physics Engine: Draggable windows utilize a custom spring-damping physics engine (0.12 stiffness, 0.6 damping) that creates fluid wobbling, skewing, and stretching effects when moved.
- Dual-Tier Deployment: Every application includes an "Open WebApp" option for standalone use and a one-click "Copy Iframe" button for external website integration.
- Global Dashboard Zoom: Users can scale the entire dashboard from 50% to 200% for better accessibility or overview.
- Dynamic Theme Engine: Supports Light and Dark modes with persistent storage in
localStorage, automatically switching brand logos and mesh background gradients. - Reactive App Dock: A dynamic dock appears when windows are minimized, featuring hover scaling and active status indicators.
- Smart Search & Filtering: A keyword-based search (Press "/" to focus) and category-based sidebar allow for instant navigation across the 11-app suite.
| Application | Category | Description |
|---|---|---|
| Open Publisher | Publishing | Professional desktop-grade design tool with PDF export, WordArt, and templates. |
| Gedit Clone | Editor | A web-based recreation of the classic GNOME Linux text editor. |
| Notepad++ | Editor | Functional clone for writing and saving code natively. |
| MS Paint (L/D) | Graphics | Faithful recreations of Microsoft Paint with themed interfaces. |
| Browser Suite | Browser | Proxy-iframe browsers styled after Safari, Chrome, Firefox, Opera, and IE. |
More may have been addded since
Each app is designed to be highly portable. You can find the specific snippet in the "Embed Iframe" section of any app card or within the app window itself.
Standard Embed Template:
<iframe src="https://openpublisher.app" width="100%" height="600px" frameborder="0" allowfullscreen></iframe>
Note: All windows include internal zoom controls (50%-200%) specifically for the iframe content to ensure they fit perfectly in any container.
The window movement logic is calculated via a dedicated animation loop:
- Velocity-Based Skew: Maximum skew of 20 degrees to maintain a "jello" feel without distortion.
- Scale Animation: Windows spring open from a 0.1 scale to 1.0 upon launch.
- Z-Index Management: Active windows are dynamically layered using a
highestZIndexcounter.
- index.html: Contains the dashboard layout, app metadata, and window templates.
- style.css: Manages the glassmorphic theme variables, mesh animations, and responsive grid logic.
- script.js: Handles the physics engine, search/filter logic, and the multi-window manager.
These WebApps are free and open-source. If you find them useful for your own sites, consider supporting the project to help keep the hosted versions alive.