What is it?

What is Classicy?

Classicy is a collection of React Components that make it easy to develop a Webtop for your app easily, with a unique look that's both "classic" and "classy."

Classicy also provides a powerful and easy-to-use framework and library of components to “Classicyze” any React application, providing a full Desktop Environment in a browser.

Classicy emulates all the common items of a true Operating System and Graphical User Interface. Classicy’s components are written in Typescript, and can be used with any React framework.

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!

Why would I use this?

Beyond pure feelings of nostalgia, Classicy is a powerful framework for developing web apps that may require Windows, Draggable Icons, Pop-up Menus, UI Sound Effects or any other component of a common desktop operating system. Classicy takes care of managing windows, application states, user preferences and system configuration, giving you advanced features while letting you focus on your app.

Classicy even contains its own JSON-based, snapshot-able & revision-tracking Filesystem that can be used in a local session, or even modified to point to an external API or object storage.

How does it work?

Classicy uses an event-driven architecture, allowing your app to control the entire system with a set of standardized messages.

<ClassicyDesktopProvider>
    <ClassicyDesktop>
        <YourClassicyApp/>
    </ClassicyDesktop>
</ClassicyDesktopProvider>