body { -ms-overflow-style: scrollbar; overflow-y: scroll; overscroll-behavior-y: none; } .errorContainer { background-color: #FFF; color: #0F1419; max-width: 600px; margin: 0 auto; padding: 10%; font-family: Helvetica, sans-serif; font-size: 16px; } .errorButton { margin: 3em 0; } .errorButton a { background: #1DA1F2; border-radius: 2.5em; color: white; padding: 1em 2em; text-decoration: none; } .errorButton a:hover, .errorButton a:focus { background: rgb(26, 145, 218); } .errorFooter { color: #657786; font-size: 80%; line-height: 1.5; padding: 1em 0; } .errorFooter a, .errorFooter a:visited { color: #657786; text-decoration: none; padding-right: 1em; } .errorFooter a:hover, .errorFooter a:active { text-decoration: underline; } #placeholder, #react-root { display: none !important; } body { background-color: #FFF !important; }

JavaScript is not available.

We’ve detected that JavaScript is disabled in this browser. Please enable JavaScript or switch to a supported browser to continue using twitter.com. You can see a list of supported browsers in our Help Center.

Terms of Service Privacy Policy Cookie Policy Imprint Ads info © 2023 Twitter, Inc.

Conversation

Andrico Karoulla

@AndricoKaroulla

For the last few months I’ve been working on a web component library that lets you capture the feeling of the early web using modern tools and practices. I’d like to formally introduce a2k, heavily-inspired by Windows 2000: #css #html #webdevelopment a2000-docs.netlify.app

All of the a2k components are laid out

read image description

ALT

9:45 PM · Dec 1, 2022

Andrico Karoulla

@AndricoKaroulla

Replying to

@AndricoKaroulla

One of the benefits of web components is that they’re interoperable. You can use them in any JavaScript project. Here's a getting started guide to set up a2k to work with vanilla JS, React, and Vue. #React #javascript #vue

Introducing a2k - A UI library designed to capture that retro 2000s feeling

Take a look at a new 2000s-inspired component library. You’ll learn what a2k is, how it’s been built,...

1

1

Andrico Karoulla

@AndricoKaroulla

It’s no secret that a2k is a tribute to Windows 2000 I’ve even made an entire site using a2k, called Andricos2000 Play around and keep your eyes peeled for a few hidden easter eggs a2000.netlify.app

Embedded video

1

1

Andrico Karoulla

@AndricoKaroulla

Want to skip the docs and instead play with the components? The a2k

showcases all of the available components. Please let me know which others you'd like to see 😄 a2000-storybook.netlify.app/?path=/story/m

1

Andrico Karoulla

@AndricoKaroulla

Meant to tag

in the first post! Since the component library is built using Lit 😄

Sebastian Dalton

Replying to

@AndricoKaroulla

This looks really neat!

1

Andrico Karoulla

@AndricoKaroulla

Replying to

Thanks so much! 😁

1