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.