{"repo":"varletjs/varlet-icons-library-starter","free":true,"listed":false,"github":"https://github.com/varletjs/varlet-icons-library-starter","clone":"git clone https://github.com/varletjs/varlet-icons-library-starter.git","description":"A starter template for building an icon library, supporting vue3 and react.","language":"TypeScript","stars":51,"topics":["builder","icons-library","react","vue3"],"license":"MIT","category":"saas-starters-boilerplates","readme_excerpt":"English 中文 Intro A starter template for building an icon library. Features - 📦 Supports svg transform to vue3, react components and esm, cjs modules - 📦 Supports svg conversion to web fonts - 📦 Supports icon components automatic import - 📦 Supports icon preview site - 📦 Supports fetching all svg files from figma design file - 📦 Provide release related tools, supports npm, github release and changelog generation Preview Site https://varletjs.github.io/varlet-icons-library-starter Icons Usage Web font icons Vue Component React Component Automatic import component When we generate icon components, we will also generate a resolver for unplugin-vue-components, which can be used to automatically import icon components. Here we take vite with vue component as an example。 Framework Support We support Vue3 and React, and compile components to Vue3 by default. If you want to generate React components, refer to the following configuration. Get svg icons from figma documents We support getting svg icons from figma documents. The specific implementation steps are as follows. Step 1 Create a figma document with the page name Icons and get the file id. Step 2 Get figma access token. See here Step 3 Set token and file id into script.(For the security of token, it is recommended to set the token to the ci environment variable) figma webhook If you want to automatically build the icon library when the designer updates the figma icon library, you can mount figma's webhook, which can fully","default_branch":null,"files":null,"tree":[],"storefront":"/r/varletjs","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/varletjs/varlet-icons-library-starter/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}