{"id":16266254,"url":"https://github.com/kurt-liao/frontend-tool-list","last_synced_at":"2025-07-06T19:03:54.210Z","repository":{"id":112581500,"uuid":"553622718","full_name":"kurt-liao/frontend-tool-list","owner":"kurt-liao","description":"Listing various useful tools, libraries for frontend developer, designer.","archived":false,"fork":false,"pushed_at":"2022-11-02T02:57:37.000Z","size":37,"stargazers_count":4,"open_issues_count":2,"forks_count":1,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-07-02T06:57:20.361Z","etag":null,"topics":["design","framework","front-end-development","frontend","good-first-issue","hacktoberfest","hacktoberfest2022","help-wanted","libraries","tools","website"],"latest_commit_sha":null,"homepage":"","language":null,"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/kurt-liao.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","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":"2022-10-18T13:56:10.000Z","updated_at":"2024-01-30T06:36:36.000Z","dependencies_parsed_at":"2023-05-16T16:00:32.487Z","dependency_job_id":null,"html_url":"https://github.com/kurt-liao/frontend-tool-list","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/kurt-liao/frontend-tool-list","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kurt-liao%2Ffrontend-tool-list","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kurt-liao%2Ffrontend-tool-list/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kurt-liao%2Ffrontend-tool-list/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kurt-liao%2Ffrontend-tool-list/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/kurt-liao","download_url":"https://codeload.github.com/kurt-liao/frontend-tool-list/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kurt-liao%2Ffrontend-tool-list/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":263957685,"owners_count":23535603,"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":["design","framework","front-end-development","frontend","good-first-issue","hacktoberfest","hacktoberfest2022","help-wanted","libraries","tools","website"],"created_at":"2024-10-10T17:40:26.807Z","updated_at":"2025-07-06T19:03:54.188Z","avatar_url":"https://github.com/kurt-liao.png","language":null,"funding_links":[],"categories":[],"sub_categories":[],"readme":"# Frontend Tool List\n\nFor the bad memory, listing various tools thay you may needed as a frontend developer or a designer. And also, we are not possible to know everything(tools), so find out the ideas, tools, libraries here that you haven't known but might useful for you.\n\n\u003e The useful tools, libraries you known but not listed here? [Contribute](#contribution-guide) to this project.\n\n## Table of contents\n\n1. [Design](#design)\n2. [Color](#color)\n3. [Font \u0026 Icons](#font--icons)\n4. [Browser](#browser)\n5. [JS library](#js-library)\n6. [UI library](#ui-library)\n7. [Framework](#framework)\n8. [Image tools](#image-tools)\n9. [Online playground](#online-playground)\n\n\n## Design\n\n- [Pinterest](https://www.pinterest.com/)\n- [Behance](https://www.behance.net/)\n- [Collect UI](https://collectui.com/)\n- [Unsplash](https://unsplash.com/)\n\n\n## Color\n\n- [UI Gradient](https://uigradients.com/#GradeGrey)\n- [Color hex](https://www.color-hex.com/)\n- [Html color code](https://htmlcolorcodes.com/)\n- [Colorzilla](https://www.colorzilla.com/)\n- [WebAIM: Contrast Checker](https://webaim.org/resources/contrastchecker/)\n- [Color Safe](http://colorsafe.co/)\n\n## Font \u0026 Icons\n\n- [FontAwesome](https://fontawesome.com/)\n- [Google fonts](https://fonts.google.com/)\n- [Font Space](https://www.fontspace.com/)\n\n\n## Browser\n\n- [Screen Sizes](https://screensiz.es/phone)\n- [YesViz - Device Insight](https://yesviz.com/)\n- [caniuse](https://caniuse.com/)\n- [opengraph](https://www.opengraph.xyz/) - Check if head meta tag set properly for your website\n\n## JS Library\n\n- [jQuery](https://api.jquery.com/)\n- [d3.js](https://d3js.org/)\n- [three.js](https://threejs.org/)\n- [Green Sock](https://greensock.com/docs/)\n- [RxJS](https://rxjs.dev/)\n- [howler.js](https://github.com/goldfire/howler.js#documentation)\n- [paper.js](http://paperjs.org/)\n\n\n## UI Library\n\n- [Tailwind](https://tailwindcss.com/)\n- [Unocss](https://uno.antfu.me/)\n- [Bootstrap](https://getbootstrap.com/)\n- [Pure.css](https://purecss.io/)\n- [Vuetify](https://vuetifyjs.com/en/)\n- [Ant Design](https://ant.design/)\n- [Terminal.css](https://terminalcss.xyz/) - Terminal like components.\n- [NES.css](https://nostalgic-css.github.io/NES.css/) - 8bit style components.\n\n## Framework\n\n- [Vue](https://vuejs.org/)\n- [React](https://zh-hant.reactjs.org/)\n- [Angular](https://angular.io/)\n- [Svelte](https://svelte.dev/)\n- [SolidJS](https://www.solidjs.com/)\n- [qwik](https://qwik.builder.io/)\n- [aurelia](https://aurelia.io/)\n- [Alpine.js](https://alpinejs.dev/)\n\n\n## Image tools\n\n- [tinypng](https://tinypng.com/)\n- [ezgif](https://ezgif.com/video-to-gif)\n\n\n## Online playground\n\n- [flexbox playground](https://flexbox.tech/)\n- [StackBlitz](https://stackblitz.com/)\n- [jsfiddle](https://jsfiddle.net/)\n- [vue sfc playground](https://sfc.vuejs.org/)\n- [play code](https://playcode.io/)\n- [uno css playground](https://uno.antfu.me/play/)\n- [Codepen](https://codepen.io/)\n- [CodeSandbox](https://codesandbox.io/)\n\n---\n\n## Contribution Guide\n\n\u003cdetails open\u003e\n  \u003csummary\u003e \u003cstrong\u003eGuide\u003c/strong\u003e \u003c/summary\u003e\n\n- Give it a **STAR**😊\n- Fork this repo\n- If the topic exists, add a link under the topic.\n- If not, **add topic first** and **add the link under the topic**. At last, add topic to contents.\n- Commit to your fork repo.\n- Create a [PR](https://github.com/kurt-liao/frontend-tool-list/pulls)\n\n\n\u003c/details\u003e\n\n## Contributors\n\n@see [CONTRIBUTING](/CONTRIBUTING.md)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkurt-liao%2Ffrontend-tool-list","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkurt-liao%2Ffrontend-tool-list","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkurt-liao%2Ffrontend-tool-list/lists"}