Skip to content

ivgtr/old-internet-components

Repository files navigation

𝓞𝓛𝓓 𝓘𝓝𝓣𝓔𝓡𝓝𝓔𝓣 𝓒𝓞𝓜𝓟𝓞𝓝𝓔𝓝𝓣𝓢

🌐 Live Demo | 📦 NPM Package

Nostalgic Web Components for 90s Japanese Website Aesthetics

npm version GitHub stars MIT License


🚀 Quick Start

CDN

<script src="https://unpkg.com/old-internet-components@latest/dist/old-internet-components.umd.js"></script>

NPM

npm install old-internet-components

🎨 Components Gallery

🏷️ <old-title>

<old-title color="#ff0080" blink="true" shadow="true">サンプルタイトル</old-title>

📜 <old-marquee>

<old-marquee scrollamount="200">流れるテキスト</old-marquee>

<old-blink>

<old-blink color="#ff0000" speed="1000">点滅テキスト</old-blink>

🔢 <old-access-counter>

<old-access-counter count="7776" variant="retro"></old-access-counter>

Variants: retrodigitalclassic

🔗 <old-link>

<old-link href="https://example.com" n="100"></old-link>

Hidden link game - find the real one!

🚧 <old-under-construction>

<old-under-construction variant="classic" message="工事中です"></old-under-construction>

Variants: classicanimatedneon

🇯🇵 <old-sorry-japanese-only>

<old-sorry-japanese-only></old-sorry-japanese-only>

🚫 <old-right-click-disable>

<old-right-click-disable text="右クリック禁止!"></old-right-click-disable>

💻 Framework Support

🌐 Vanilla HTML

<script src="https://unpkg.com/old-internet-components@latest/dist/old-internet-components.umd.js"></script>
<old-title>Hello World</old-title>

🛠️ Development

npm install    # Install dependencies
npm run dev    # Start dev server  
npm run build  # Build for production
npm run check  # Type checking

📄 License

MIT - Build nostalgic websites freely

⭐ Star this repo🐛 Report issues🤝 Contribute

Relive the golden age of the Japanese web 🌸

About

古いインターネットで使われていたパーツのWeb Componentsを作ります

Topics

Resources

Stars

Watchers

Forks

Packages

 
 
 

Contributors