GitHub Trends
10.1K subscribers
15.3K links
See what the GitHub community is most excited about today.

A bot automatically fetches new repositories from https://github.com/trending and sends them to the channel.

Author and maintainer: https://github.com/katursis
Download Telegram
#typescript #angular #components #design_systems #documentation #html #javascript #react #react_native #stories #storybook #styleguide #svelte #testing #typescript #ui #vite #vue #web_components #webpack #workshop

Storybook is a tool that helps you build and test UI components quickly and efficiently. It allows you to develop, test, and document your UI components in isolation, which means you can focus on individual parts of your interface without affecting the entire application. This tool supports many frameworks like React, Angular, Vue, and more, and it comes with various addons for tasks such as accessibility testing, documentation, and interactive testing. Using Storybook can save you time and improve the quality of your UI components by making it easier to test and refine them before integrating them into your main project.

https://github.com/storybookjs/storybook
#typescript #design_systems #material_design #react #react_components

Material UI is a powerful library of React components that follows Google's Material Design system. It has been developed and tested by thousands of contributors over more than a decade, making it reliable and trustworthy. This library helps you build user interfaces quickly and consistently, with a wide range of pre-built components. It also has extensions like MUI X for advanced use cases and Toolpad for building full-stack applications. Using Material UI benefits you by providing a well-tested and maintained set of components, saving you time and effort in developing your projects.

https://github.com/mui/material-ui
#typescript #ant_design #antd #design_systems #react #typescript #ui_kit #ui_library

Ant Design is a powerful tool for building web applications. It offers a set of high-quality React components, enterprise-class UI design, and support for multiple languages. You can easily install it using `npm` or `yarn`. It supports modern browsers, server-side rendering, and Electron. The library is written in TypeScript, which makes it predictable and stable. You can also customize the theme using CSS-in-JS. This makes it easier to create consistent and professional-looking interfaces quickly, saving you time and effort in your development process.

https://github.com/ant-design/ant-design
#svelte #component #component_library #components #css #css_components #css_framework #daisyui #design_pattern #design_system #design_systems #postcss #svelte #tailwind #tailwind_css #tailwindcss #ui_design #ui_framework #ui_kit #ui_library #ui_pattern

daisyUI is a popular, free, and open-source component library for Tailwind CSS. It helps you build faster by providing useful class names for common UI elements like cards and calendars. This means you write less code and can focus on designing your interface more efficiently. daisyUI is also very customizable and works well with Next.js, adding no extra JavaScript to your projects, which keeps them fast and efficient. Overall, using daisyUI simplifies your development process and makes your projects more maintainable.

https://github.com/saadeghi/daisyui