Skip to content

Mukirij/men

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

men

this is a music player Spotify-Like UI Template (Figma)


1. Login & Signup Page

  • Dark-themed background
  • Input fields: Username, email, password
  • Buttons: Login, Signup, "Continue with Google"
  • Minimalistic layout with a Spotify-like feel
  • Typography: Sans-serif, modern font

2. Home / Dashboard

  • Navigation Bar (left side or top): Home, Search, Library, Profile
  • Hero Section: Featured playlists (large image + text overlay)
  • Sections for recent songs, popular artists
  • Card-style song/playlist displays
  • Hover effects for interactive feel

3. Music Player UI

  • Sticky bottom player (always visible when playing music)
  • Buttons: Play/Pause, Next, Previous, Shuffle, Repeat
  • Progress Bar (track duration + draggable seek bar)
  • Volume control slider
  • Album artwork display

4. Search & Playlist Page

  • Search bar at the top
  • Filter options (genre, artist, trending, etc.)
  • User playlists: Create, edit, and delete options
  • Playlist display with song list inside cards

Collaboration in Figma

  • Components for buttons, input fields, and cards (easy reuse)
  • Click prototype enabled (for navigating between screens)
  • Commenting enabled (for feedback & iteration)
  • Auto-layout for responsive design (mobile & desktop friendly)

Next Steps

  1. Import template into Figma (I'll guide you if needed)
  2. Customize colors, fonts, and branding
  3. Link pages for interactive navigation
  4. Hand off to developers (Export assets & CSS)

About

this is a music player

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • HTML 79.9%
  • CSS 20.1%