Подборка качественных бесплатных дизайн-систем для проектов (фигма + код)

В начале разработки стартапов или крупных проектов всегда возникает проблема со сборкой компонентов. Чтобы это не отнимало много времени, собрал готовые дс, которые можно подключить к проекту и заниматься решением проблем пользователей, а не сборкой деталей.

1. Chakra UI Стек: React + TypeScript + Emotion (CSS-in-JS) Быстро сделать доступные SaaS, веб-сервисы и дашборды. Готовые компоненты, темизация, встроенная доступность.

2. shadcn/ui Стек: React + TypeScript + Radix UI + Tailwind CSS Для чего: современные минималистичные веб-апы и стартапы (особенно Next.js). Pixel-perfect UI, темизация через Tailwind, полная гибкость, open-source без платных блоков.

3. Untitled UI Стек: Figma (UI kit 10k+ компонентов) + React (бесплатная библиотека) Подойдет под универсальные веб- и мобильные интерфейсы с большим набором стандартных компонентов.

4. Nuxt UI Стек: Vue 3 + Nuxt (опционально) + Reka UI + Tailwind CSS Проекты на Vue/Nuxt — саасы, лендинги, документация, дашборды, чат-боты. 125+ компонентов, темизация через Tailwind, dark mode, i18n (50+ языков), SSR, TypeScript. Есть Figma Kit. Полностью бесплатная, open-source (MIT).

5. DaisyUI Стек: CSS (Tailwind CSS) + любой JS фреймворк (React, Vue, Angular и др.) Быстрые веб-интерфейсы без привязки к конкретному фреймворку. Плагины Tailwind с готовыми компонентами (кнопки, карточки, навигация, формы). Темы кастомизация через Tailwind config. Полностью бесплатная, open-source.

Подписывайтесь на телеграм, там больше интересного — t.me/daniildodonov

Делаю сервис, где можно бесплатно за 2 минуты собрать себе личный мини-сайт без разработчика и дизайнера — t.me/alinkamechannel