// js/main.js // Scroll to top button const scrollTopBtn = document.getElementById('scrollTop'); window.addEventListener('scroll', () => { if (window.pageYOffset > 300) { scrollTopBtn.classList.remove('opacity-0', 'invisible'); scrollTopBtn.classList.add('opacity-100', 'visible'); } else { scrollTopBtn.classList.remove('opacity-100', 'visible'); scrollTopBtn.classList.add('opacity-0', 'invisible'); } }); scrollTopBtn.addEventListener('click', () => { window.scrollTo({ top: 0, behavior: 'smooth' }); }); // Animation for stats when they come into view const observer = new IntersectionObserver((entries) => { entries.forEach(entry => { if (entry.isIntersecting) { entry.target.classList.add('animate-pulse-slow'); } }); }, { threshold: 0.1 }); document.querySelectorAll('.card-hover').forEach(card => { observer.observe(card); }); /* css/main.css */ @layer utilities { .text-gradient { background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .card-hover { transition: all 0.3s ease; } .card-hover:hover { transform: translateY(-8px); box-shadow: 0 25px 50px -12px rgba(139, 92, 246, 0.25); } .feature-card:hover .feature-icon { transform: rotateY(180deg); background: linear-gradient(135deg, #8B5CF6, #4F46E5); } .stat-number { position: relative; display: inline-block; } .stat-number::after { content: ''; position: absolute; bottom: -5px; left: 0; width: 100%; height: 3px; background: linear-gradient(90deg, #8B5CF6, #4F46E5); border-radius: 2px; } } // js/tailwind-config.js tailwind.config = { theme: { extend: { colors: { primary: '#8B5CF6', secondary: '#4F46E5', dark: '#0F172A', darker: '#0B1120', light: '#F1F5F9', }, fontFamily: { sans: ['Inter', 'sans-serif'], }, animation: { 'pulse-slow': 'pulse 3s cubic-bezier(0.4, 0, 0.6, 1) infinite', 'float': 'float 6s ease-in-out infinite', }, keyframes: { float: { '0%, 100%': { transform: 'translateY(0)' }, '50%': { transform: 'translateY(-20px)' }, } } } } }
It supports Spotify, Apple Music, Tidal, SoundCloud, Deezer, direct links, Radio and more
110k
5k
50k
60k
10k
70k
20k
90k
Listen to music with your friends directly on your Discord server with FlaviBot. Experience crystal-clear audio quality with support for all major platforms.
Increase your server's activity with our leveling system, and earn rewards for leveling up. Your server has a dedicated page for ranking the members with the most experience.
Start an active and fun-filled server with FlaviBot and all its unique features. From moderation to entertainment, FlaviBot has everything you need.
Join over 1.1 million servers already enjoying premium music and features
Add to Discord Now