Skip to content

Latest commit

 

History

4 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🏎️ F1 Hamilton Loader

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

Preview

F1 Hamilton Loader

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

About

F1 Hamilton loading component built with React, Vite and SCSS

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages