[PR #1358] [MERGED] modern and minimalist UI redesign with new features #1365

New issue

Closed

opened 2026-03-03 14:43:21 +03:00 by kerem · 0 comments

kerem commented

2026-03-03 14:43:21 +03:00

Owner

📋 Pull Request Information

Original PR: https://github.com/lipis/flag-icons/pull/1358
Author: @sulimanbenhalim
Created: 4/25/2025
Status: ✅ Merged
Merged: 5/29/2025
Merged by: @lipis

Base: main ← Head: modern-ui-redesign

📝 Commits (4)

f5152c9 modern and minimalist UI redesign with new features
b1942b5 Add back Google Analytics tracking as requested
6c7f44a use open-color color-pallete + format using yarn fix
9774b1e remove detectUserCountry from the usage modal

📊 Changes

1 file changed (+1189 additions, -40 deletions)

View changed files

📝 index.html (+1189 -40)

📄 Description

hey @lipis , so i redesigned the site with some cool stuff that was missing before

main changes:

added search functionality to find flags quick (works in realtime)
new continent filter dropdown so ppl can find flags by region
flag cards are clickable + copy the html to clipboard so u dont have to type it
toggle between npm/yarn install commands
usage modal with syntax highlighting (its much better now)
detects user country to give personalized examples
fixed some perf issues - lazy loading images & localstorage cache

all the styling is done with vanilla CSS no frameworks needed so its super lightweight. did bunch of optimizations for load time too. page was like 2.5s load time before, now its under 1s.

code is structured better (modular functions) and fixed some bugs during implementation like memory leaks from timeouts not being cleared you may review this part if I missed something.

let me know what u think! would be cool to get this merged since it makes the site way more usable especially for devs who just need to grab a flag quick.

_{🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.}

## 📋 Pull Request Information **Original PR:** https://github.com/lipis/flag-icons/pull/1358 **Author:** [@sulimanbenhalim](https://github.com/sulimanbenhalim) **Created:** 4/25/2025 **Status:** ✅ Merged **Merged:** 5/29/2025 **Merged by:** [@lipis](https://github.com/lipis) **Base:** `main` ← **Head:** `modern-ui-redesign` --- ### 📝 Commits (4) - [`f5152c9`](https://github.com/lipis/flag-icons/commit/f5152c98e2b72c0238192ffa0d84578898aaf76b) modern and minimalist UI redesign with new features - [`b1942b5`](https://github.com/lipis/flag-icons/commit/b1942b58188f72c3b9ec72f403b22feadc0d4067) Add back Google Analytics tracking as requested - [`6c7f44a`](https://github.com/lipis/flag-icons/commit/6c7f44a29431e63b21b9ab76bfb041480b03bdf7) use open-color color-pallete + format using yarn fix - [`9774b1e`](https://github.com/lipis/flag-icons/commit/9774b1ec99f20a68cd8d465de69fa6711846e1ff) remove detectUserCountry from the usage modal ### 📊 Changes **1 file changed** (+1189 additions, -40 deletions) <details> <summary>View changed files</summary> 📝 `index.html` (+1189 -40) </details> ### 📄 Description hey @lipis , so i redesigned the site with some cool stuff that was missing before main changes: - added search functionality to find flags quick (works in realtime) - new continent filter dropdown so ppl can find flags by region - flag cards are clickable + copy the html to clipboard so u dont have to type it - toggle between npm/yarn install commands - usage modal with syntax highlighting (its much better now) - detects user country to give personalized examples - fixed some perf issues - lazy loading images & localstorage cache all the styling is done with vanilla CSS no frameworks needed so its super lightweight. did bunch of optimizations for load time too. page was like 2.5s load time before, now its under 1s. code is structured better (modular functions) and fixed some bugs during implementation like memory leaks from timeouts not being cleared you may review this part if I missed something. let me know what u think! would be cool to get this merged since it makes the site way more usable especially for devs who just need to grab a flag quick. --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>