Packard Belle

Overview

Packard Belle is a CSS framework and component library created to mimic the style and behavior of an old home computer. The primary goal of this project was to further the creator’s knowledge of various browsers and push the limits of CSS. The framework is designed to be a learning experiment and to provide a nostalgic experience.

Features

• CSS framework that mimics the style of a first home computer
• Component library that mimics standard desktop behaviors
• Use of JavaScript to enhance component behaviors where CSS is not sufficient

Installation

To use Packard Belle, follow the steps below:

1. Clone the repository from GitHub:

git clone https://github.com/padraigfl/packard-belle-desktop.git

2. Install the required dependencies:

npm install

3. Build the Storybook

npm run build

4. Export the CSS framework (work in progress)

npm run build:css

5. Build the ES and CJS outputs

npm run build:module

Summary

Packard Belle is a CSS framework and component library that aims to recreate the style and behavior of a first home computer. It is primarily a learning experiment for the creator to further their knowledge of browsers and push the limits of CSS. The framework provides a nostalgic experience and includes a variety of components that mimic standard desktop behaviors.