{"repo":"alexyakir/functional-ui-kit","free":true,"listed":false,"github":"https://github.com/alexyakir/functional-ui-kit","clone":"git clone https://github.com/alexyakir/functional-ui-kit.git","description":"Precise Figma & React components. Packed with best practices, unified prop names & consistent design and code.","language":"TypeScript","stars":620,"topics":["design-system","figma","front-end","front-end-development","frontend","react","react-components","storybook","ui-components","ui-design"],"license":"MIT","category":"ui-components","readme_excerpt":"Welcome to Functional UI Kit Functional UI Kit is a professionally crafted UI Kit for design & development teams, and individuals. We provide core components you would need in every project, focusing on accessibility, development experience and unified designer-developer experience. We've made sure that Figma variables and CSS variables work together effortlessly. They share the same names, usage and inheritance structure. This isn't just an extra feature, it's the core approach. Each Figma variable has a direct counterpart in CSS, so there's no confusion. The design stays crystal clear as you move into the development phase. Website: www.functional-ui-kit.com Figma Library: https://www.figma.com/community/file/1338456115232271694 Storybook: https://alexyakir.github.io/functional-ui-kit Github: www.github.com/alexyakir/functional-ui-kit Npm: www.npmjs.com/package/functional-ui-kit Setup Install Install the latest version from NPM. Setup CSS Import the functional-ui-kit CSS file into your project in your css file you can also import the CSS file directly into your main React App file Customizing Theme You can customize the theme by overriding the CSS variables. You can find the list of variables in the theme file Using Components You can use the components by importing them into your React App file","default_branch":null,"files":null,"tree":[],"storefront":"/r/alexyakir","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/alexyakir/functional-ui-kit/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."}