Skip to main content

💾 Retro Floppy

A beautiful, interactive 3.5" floppy disk React component for retro-themed UIs

npm versionnpm downloadsbundle sizelicense
npm install retro-floppy
NPM< 15 KB
Retro Floppy
Cameron Rye
2024

Why Retro Floppy?

🎨

Highly Customizable

Choose from 5 built-in themes or create your own. Customize colors, sizes, animations, and even add dynamic gradient backgrounds. Full control over every aspect.

✨

Interactive & Animated

Smooth hover animations, click handlers, and keyboard navigation. Loading states, error states, and custom overlays for rich user experiences.

📘

TypeScript Ready

Full TypeScript support with comprehensive type definitions. IntelliSense, autocomplete, and type safety out of the box.

♿

Accessible

Built with accessibility in mind. ARIA labels, keyboard navigation, and screen reader support ensure everyone can use your components.

🪶

Lightweight

Under 15 KB minified + gzipped. Zero dependencies except React. Tree-shakeable ES modules for optimal bundle size.

⚡

Performant

Optimized for rendering multiple instances. CSS Modules for scoped styles. Memoized components prevent unnecessary re-renders.