🌐 Custom Language Selector Dropdown

A lightweight, interactive, and beautifully styled Language Selector Dropdown component. It features a modern dark-themed gradient background and a clean, accessible interface for selecting multiple languages (French, Arabic, English, Spanish, Chinese).

✨ Features

• Interactive Dropdown: Smooth toggle functionality to show/hide the language list.
• Modern Design: Minimalist layout with clear typography that fits perfectly into modern dark-mode applications.
• Lightweight & Clean: Built with vanilla web technologies, making it easy to integrate into any frontend project.

🚀 Live Demo

You can check out the live version here:
🔗 Live Demo

🛠️ Built With

• HTML5 - Structuring the dropdown button and unordered list.
• CSS3 - Custom styling, text centering, borders, and dark gradient background.
• JavaScript - Dynamic active states and dropdown toggle handling.

create a custom dropdown menu that lets users select an item from a list. The dropdown should have a default state showing a placeholder text, an open state revealing all options, and a selected state where the chosen item is displayed. When an item is selected, the dropdown closes, and the selected item is highlighted.

This project will help me practice DOM manipulation, event handling, and creating responsive and interactive elements with JavaScript.

https://roadmap.sh/projects/custom-dropdown