🏎️ F1 Hamilton Loader

A React loading component inspired by Formula 1, featuring an animated GIF with a pulsing text effect.

Preview

Tech Stack

• React
• Vite
• SCSS
• Google Fonts (Orbitron)

Installation

npm install
npm run dev

Usage

import F1HamiltonLoader from './F1HamiltonLoader';

// Basic usage
<F1HamiltonLoader />

// Custom text
<F1HamiltonLoader text="Loading..." />

// With conditional rendering
const [loading, setLoading] = useState(true);

{loading ? (
  <F1HamiltonLoader text="Loading..." />
) : (
  <YourContent />
)}

Features

• Animated F1 sticker with transparent background
• Pulsing text animation
• Customizable loading text via props
• Orbitron font for F1 aesthetic
• Fully reusable React component

Credits

F1 sticker GIF via Giphy

Author

Made with ❤️ and a love for Formula 1 🏁 by fanuchi