{"id":23376162,"url":"https://github.com/xevion/icons","last_synced_at":"2026-04-16T19:47:22.697Z","repository":{"id":65946084,"uuid":"601387806","full_name":"Xevion/icons","owner":"Xevion","description":"A static-site for searching the React-Icons library combining Next.js, Algolia, and Vercel","archived":false,"fork":false,"pushed_at":"2023-03-10T09:28:07.000Z","size":283,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-02-14T02:52:41.020Z","etag":null,"topics":["algolia","icons","react","react-icons","search","vercel"],"latest_commit_sha":null,"homepage":"https://icons.xevion.dev","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Xevion.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-02-14T00:34:09.000Z","updated_at":"2023-02-17T08:33:31.000Z","dependencies_parsed_at":"2023-02-27T10:46:38.472Z","dependency_job_id":null,"html_url":"https://github.com/Xevion/icons","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Xevion%2Ficons","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Xevion%2Ficons/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Xevion%2Ficons/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Xevion%2Ficons/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Xevion","download_url":"https://codeload.github.com/Xevion/icons/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247773744,"owners_count":20993633,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["algolia","icons","react","react-icons","search","vercel"],"created_at":"2024-12-21T17:33:55.958Z","updated_at":"2026-04-16T19:47:17.626Z","avatar_url":"https://github.com/Xevion.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# icons\n\nThe `react-icons` demo page is great, providing a fast search and a decent view into\neach of the various icon providers it includes.\n\nBut it could be better.\n\nThis project intends to\n- Use Next.js for an optimized React static-site generator\n- Utilize Vercel for builds \u0026 fast hosting\n- Use hooks to regenerate \u0026 update React-Icons to the latest version constantly\n- Use OpenAI's GPT-3 to suggest keywords\n\n## Builds\n\nThis project requires a complicated build flow in order to work perfectly.\n- The latest React-Icons must be pulled at build time.\n- The Cloudflare KV API \u0026 OpenAI APIs are contacted to acquire keyword suggestions for the various icons in the pack.\n- All changes fetched from the APIs must be updated in Algolia.\n\n## Filter by subset quickly\n\n## Display Order\nCurrently, React Icons displays icons in a set ordered manner - each icon is filtered inside the set, and the sets render in the same order each time.\nNot only does this seem inefficient and strange, but it doesn't offer any ability to order by keyword matching.\n\n## Icon List \nThe total icon list of all of these thousands of icons needs to be made available for searching at build time before we\nbegin a migration to build time export \u0026 Algolia.\n\n## Element Flash \u0026 Animation\nIf possible, I'd like to animate the appearance, disappearance \u0026 shifting of the various Icons smoothly.\nThe major issue with React Icons currently is that searching creates a flash of content.\n\n## Most Popular Icons Display\n\nAt build time, we can fetch the most popular used icons\n\n## Icon Popularity Analytics\n\nIcon popularity can be measured by searches \u0026 interactions through the Algolia API.\n- When an icon is hovered over for more than ~1.5 seconds.\n- When an icon is clicked (to copy), a strong interaction is measured.\n\n## Pages\n\n- `/` The index will show a list of all of the supported icon sets, the number of icons currently available, and an\nicon or image display the logo of the given set. Hopefully, each of the sets has a logo of itself.\n- `/[id]` Statically generated, each of the sets will have it's own page using just the identifier. They will be statically pulled from the icon manifests\nand have another search bar, but it only searches just the given icon set. A button will be shown to move the search from the given\nicon set to the global set.\n- `/settings` Any settings I come up with will be on this page. This site is static and will\n\n## Algolia Search\n\nAt build time, we'll generate a list of all the current icons and output it into a JSON file.\nWe'll then query","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fxevion%2Ficons","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fxevion%2Ficons","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fxevion%2Ficons/lists"}