nerulyrics

    A modern music streaming web application with synchronized lyrics and auto-hide UI. Built with React, TypeScript, and Tailwind CSS.

    Language: typescript

    Author: Albert Sanders (@albert.sanders)

    16 stars · 322 views

    Files

    • auto-commit-config.json (json)
    • music-website-project-plan.md (md)
    • AUTO_COMMIT_GUIDE.md (md)
    • README.md (md)
    • tsconfig.json (json)
    • tsconfig.node.json (json)
    • eslint.config.js (js)
    • package.json (json)
    • tailwind.config.js (js)
    • package-lock.json (json)
    • vite.config.ts (ts)
    • scripts (txt)
    • dev-workflow.js (js)
    • install-hooks.sh (sh)
    • auto-commit.sh (sh)
    • README.md (md)
    • smart-commit.js (js)
    • EXAMPLES.md (md)
    • validate-commit-msg.js (js)
    • cz-adapter.js (js)
    • postcss.config.js (js)
    • src (txt)
    • utils (txt)
    • timeFormat.ts (ts)
    • searchUtils.ts (ts)
    • assets (txt)
    • react.svg (image)
    • hooks (txt)
    • useSearch.ts (ts)
    • useLyrics.ts (ts)
    • useAudioPlayer.ts (ts)
    • useMouseIdle.ts (ts)
    • main.tsx (tsx)
    • App.tsx (tsx)
    • services (txt)
    • youtubeAPI.ts (ts)
    • lyricsAPI.ts (ts)
    • types (txt)
    • lyrics.ts (ts)
    • music.ts (ts)
    • player.ts (ts)
    • index.css (css)
    • App.css (css)
    • components (txt)
    • Search (txt)
    • SearchResults.tsx (tsx)
    • SearchBar.tsx (tsx)
    • Player (txt)
    • ProgressBar.tsx (tsx)
    • PlayerControls.tsx (tsx)
    • UI (txt)
    • NowPlaying.tsx (tsx)
    • AutoHideControls.tsx (tsx)
    • Lyrics (txt)
    • FullscreenLyrics.tsx (tsx)
    • LyricsDisplay.tsx (tsx)
    • vite-env.d.ts (ts)
    • tsconfig.app.json (json)
    • index.html (html)
    • public (txt)
    • vite.svg (image)
    • ATTRIBUTION.md (markdown)

    Loading code snippet…