Skip to content

Instantly share code, notes, and snippets.

@Gaurav8757

Gaurav8757/CompLoader.js

Created May 21, 2024 16:35
Show Gist options
  • Save Gaurav8757/a168ceec8168a06d01b7e4f9d1f0f8ed to your computer and use it in GitHub Desktop.
Save Gaurav8757/a168ceec8168a06d01b7e4f9d1f0f8ed to your computer and use it in GitHub Desktop.
Download ZIP
Company Name Loader
Raw
CompLoader.js
const TextLoader = () => {
return (
<div className="flex justify-center items-center bg-gray-100">
<div className="relative flex space-x-1 text-xl font-bold text-gray-800">
{[...'ELEEDOMIMF'].map((char, index) => (
<span
key={index}
className="animate-bounce bg-gradient-to-r from-stone-900 to-red-600 bg-clip-text text-transparent rounded-full"
style={{ animationDelay: `${index * 0.1}s` }}
>
{char}
</span>
))}
</div>
</div>
);
};
export default TextLoader;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment