https://github.com/krishnagopal-sinha/dynamic-loader

Create dynamic brand specific loader easily!
https://github.com/krishnagopal-sinha/dynamic-loader

Last synced: 22 days ago
JSON representation

Create dynamic brand specific loader easily!

• Host: GitHub
• URL: https://github.com/krishnagopal-sinha/dynamic-loader
• Owner: Krishnagopal-Sinha
• Created: 2024-03-13T12:02:59.000Z (10 months ago)
• Default Branch: main
• Last Pushed: 2024-03-21T07:14:33.000Z (10 months ago)
• Last Synced: 2024-10-12T14:39:40.570Z (3 months ago)
• Language: TypeScript
• Homepage: https://dynamic-loader.vercel.app
• Size: 290 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 🎨✨ Dynamic Customized Loader Creator 🚀

Welcome to the most fun and efficient way to spruce up your projects with brand-specific custom loaders!

Don't like reading? Here's a neat video showcasing the app:

[![IMAGE ALT TEXT HERE](https://img.youtube.com/vi/Nif5xtwmpl8/0.jpg)](https://www.youtube.com/watch?v=Nif5xtwmpl8)

Youtube Link: https://youtu.be/Nif5xtwmpl8

## Features

- **SVG Magic**: Just paste your SVG code 📝 into our magical input field and watch the transformation begin!

- **Animate Away**: Tweak, twist, and turn all animation properties to match your brand's heartbeat. 💖

- **Code on the Go**: Jump to the code tab 🛠️ to grab your HTML and CSS. Directly plug it into your projects and voilà!

- **Background Be Gone**: Import SVGs with pesky backgrounds? Fear not! We'll vanish them, leaving you with pristine, background-free SVGs. 🌟

## How to Use

1. Visit our web wonderland: [Dynamic Loader Creator](https://dynamic-loader.vercel.app/)

2. Paste your SVG and let the customization journey begin! 🚀

3. Experiment with animations until it feels just right. 🔧

4. Switch to the code tab to copy-paste your way to glory. 🎉

5. Say goodbye to boring loaders and hello to brand-specific awesomeness! 🎈

### Getting Started with this Repo

First, run the development server:

```bash

npm run dev

# or

yarn dev

# or

pnpm dev

# or

bun dev

```

Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.

## Contribution

Got ideas? Wanna add more sparkle? Contributions are welcome! 🙌 Let's make the web a loader-licious place together!

## License

MIT - Spread the love! ❤️

---

Jump right in and let your brand shine with its very own custom loader today! 🌈🚀