Classicy is a collection of React components that make it easy to add a customizable Webtop to your app with a unique & retro look.
Classicy
It’s easy to ‘Classicy’ any React app!
<ClassicyDesktop>
<ClassicyApp>
<YourReactAppGoesHere />
</ClassicyApp>
</ClassicyDesktop>
z
z
z
What is it?
••••••
Classicy is a Webtop, framework. It provides a simulated desktop environment in a web browser.
Classicy also provides a powerful and easy-to-use framework and library of components to “Classicyze” any React application.
Classicy’s components are written in Typescript, and can be used with any React framework.
Classicy emulates all the common items of a true Operating System and Graphical User Interface.
What's a Webtop?
A Webtop, or Web Desktop, is a Desktop Environment (DE) created in a Web browser.
Just like your own personal computer, a Webtop provides many basic functions, like a Desktop, Windows or Menus.
Classicy faithfully replicates the user experience of Classic Operating Systems, bringing delight to fans of old and inspiration to newcomers.
We would say we “simulate” our favorite operating systems, but Classicy is a true DE, providing all the major elements of the Paper Paradigm and WIMP: a Desktop, Applications, Control Panels, Widgets, Folders, Files, Windows, Icons, Menus and more!
Classicy Features
••••••
Classicy is a React framework that provides a full Desktop Environment in a browser, and allows you to add your own apps easily.
Classicy emulates all the common items of a true Operating System and Graphical User Interface.
Applications
The ClassicyApp Component provides a simple wrapper to make any view a Classicy Application.
Form Elements
Get started making your app Classicy by using a built-in library of form components.
INCLUDED COMPONENTS
- Button
- Checkbox
- Radio Input
- Progress Bar
- Pop-Up Menu
- Disclosure
- Contextual Menu
- Control Group
- Text Input
- Label
- Textarea Input
- Rich Text Editor
- File Browser
- Form Fieldset
Filesystem
Use the browser-based storage filesystem from Classicy to store and organize files with zero configuration. Easily create snapshots, and swap in an external storage solution with a few lines of code.
Desktop in a Browser
Desktop Icons, file browsing, window and app management, theme support, sound effects and more. The goal of the Classicy project is to mimic each OS exactly, including its underlying features.
About Platinum
••••••
Classicy's look-and-feel is based on MacOS Classic 8's interface, Platinum.
Originally part of project Copland, the Platinum UI was one of many innovations that would be saved from the failed Copland OS. It served as an important transitional UI from the stark, black-and-white System 7 to the much-discussed Aqua that came with Mac OS X “Cheetah.”.
Classicy aims to accurately reflect the experience of using a Classic Mac, complete in every detail–from common icons to the unique, and often-times amusing, sound effects.
Also, our website design is loosely based on Apple Documentation and Graphic Design Standard of the same era.
Try it out
••••••
Click Here for a Demo
Please Note: Our demo is based on our main, working branch, and can sometimes be wonky. Our apologies as we continue to build new features and sometimes make Sad Macs of others.
Learn About Classicy's origins
Read how this all started, then come join the fun! We're always looking for developers to join our cause!