Welcome to a2000 (or a2k for short).
a2000 is a UI library design to capture the feel of the early web using modern web tools and practices.
Note: This is a work in progress and is subjected to change. I welcome any and all feedback!
Check out the demo site for the full a2000 experience. You can also check out the Storybook to play around with each component. If you want to use a2000 in your own projects, you can follow the instructions.
a2000 comes with its own default set of styles
You can add it to your HTML using a CDN, like so:
Adding this stylesheet applies the default base styles, variables, and typefaces.
a2000 uses the Pixelated MS Sans Serif typeface.
To use the a2000 components in your applications, you'll need to install the a2000 packages using a package manager like npm or yarn.
Each component has a link to the full installation instructions.
Icons are pictures that can help a user recognise the meaning of an action/feature quickly. They can also be used to improve the visual design of a website.
You can combine icons with buttons and text to add a visual association to an action. This also increases the click area, which improves the accessibility of the component.
The Window is an a2k component that renders absolute-postioned content to your site. Windows can be draggable and closable, and can render any type of valid HTML markup. Windows are a good option for alerts and programs.
a2k is an independent project, created by me, Andrico. If you'd like to support a2k, you can do so by trying out the library and creating issues if you come across any problems. Starring on GitHub also helps the project grow.
You can also keep up to date on updates by following Andrico on Twitter