A collection of CSS stylesheets that mimic the look and feel of various classic and modern desktop environments. This project is a showcase of what can be achieved with pure CSS.
 Amiga Workbench |
 Common Desktop Environment |
 Enlightenment E16 |
 KDE Plasma |
 OS/2 Warp |
 SerenityOS |
 Trinity Desktop |
 Window Maker / NeXTSTEP |
 IRIX Indigo Magic |
|
You can view a live demonstration of each theme by clicking the links below:
- Amiga Workbench
- Common Desktop Environment (CDE)
- Enlightenment
- KDE Plasma
- OS/2 Warp
- SerenityOS
- Trinity Desktop Environment
- Window Maker / NeXTSTEP
- IRIX Indigo Magic
To use one of these styles in your own project:
-
Find the corresponding CSS file in its directory (e.g.,
AmigaWorkbenchCSS/amiga-workbench.css). -
Link to the stylesheet in the
<head>of your HTML document:<link rel="stylesheet" href="https://dreeam00.github.io/Desktop-CSS/<DesktopEnviromentName>/<DesktopEnviromentName>.css">
-
Structure your HTML using the classes and elements demonstrated in the
index.htmlandreference.htmlfiles within each theme's directory.
Contributions are welcome! If you'd like to add a new theme or improve an existing one, please feel free to fork this repository and submit a pull request.