[{"name": "Glisse", "url": "https://glisse.kelvinzhang.ca", "type": "компоненты и ui", "price": "free", "github": "0kzh/glisse", "desc": "Liquid Glass от Apple для React", "desc_en": "Apple's Liquid Glass for React", "details": "Liquid Glass от Apple для веба: стеклянные кнопки, свитчи, таббары и слайдеры с живым преломлением и размытием. React, открытый код.", "tags": ["react", "liquid glass", "стекло", "glassmorphism", "кнопки", "переключатели", "эффекты", "apple"], "icon": "/icons/glisse.kelvinzhang.ca.png", "stars": 470}, {"name": "Skiper UI", "url": "https://skiper-ui.com", "type": "компоненты и ui", "price": "freemium", "desc": "Необычные компоненты для shadcn", "desc_en": "Unusual components for shadcn", "details": "100+ необычных компонентов для shadcn/ui: Dynamic Island, трейлы за курсором, эффекты при наведении и скролле. Часть бесплатно, остальное разовой покупкой.", "tags": ["react", "shadcn", "tailwind", "motion", "next.js", "анимация", "эффекты при наведении", "курсор", "скролл"], "icon": "/icons/skiper-ui.com.png"}, {"name": "Kokonut UI", "url": "https://kokonutui.com", "type": "компоненты и ui", "price": "freemium", "github": "kokonut-labs/kokonutui", "desc": "100+ интерактивных блоков для shadcn", "desc_en": "100+ interactive blocks for shadcn", "details": "100+ бесплатных интерактивных компонентов под MIT: анимированные фоны, карточки, командная палитра, поля ввода и чаты для ИИ, кнопки с частицами. Ставятся через shadcn CLI или агентом. Есть платный Pro с шаблонами.", "tags": ["react", "shadcn", "tailwind", "motion", "анимация", "фоны", "кнопки", "формы", "текстовые эффекты"], "icon": "/icons/kokonutui.com.png", "stars": 2292}, {"name": "Fluid Functionalism", "url": "https://www.fluidfunctionalism.com", "type": "компоненты и ui", "price": "free", "github": "mickadesign/fluid-functionalism", "desc": "Компоненты с плавным ховером", "desc_en": "Components with fluid hover", "details": "30+ аккуратных компонентов с плавным ховером: подсветка перетекает между пунктами, жирность шрифта меняется на лету. Есть поле ввода для чата, индикатор «думает», командное меню, календарь. Ставятся через shadcn CLI, есть скилл для агентов. MIT.", "tags": ["react", "shadcn", "tailwind", "motion", "ховер", "анимация", "формы", "командное меню", "минимализм"], "icon": "/icons/www.fluidfunctionalism.com.png", "stars": 1143}, {"name": "Dresser", "url": "https://dresser.mishanaer.com", "type": "инструменты", "price": "free", "desc": "Мокапы устройств из скриншотов", "desc_en": "Device mockups from screenshots", "details": "Браузерный инструмент: превращает скриншоты и записи экрана в мокапы на iPhone, iPad и десктопе. Цвет корпуса, фон (цвет, картинка, анимированный, mesh, прозрачный), масштаб, отступы и пропорции, экспорт картинкой и видео. Всё обрабатывается локально в браузере, без регистрации. Для презентаций, анонсов, портфолио и App Store. Автор — Миша Наер.", "tags": ["мокапы", "скриншоты", "iphone", "ipad", "презентация", "app store", "видео", "веб"], "icon": "/icons/dresser.mishanaer.com.png"}, {"name": "abtest.design", "url": "https://abtest.design", "type": "рефы", "price": "free", "desc": "A/B-тесты пейволлов и онбординга", "desc_en": "A/B tests of paywalls and onboarding", "details": "Подборка реальных A/B-тестов известных продуктов — Duolingo, Headspace, Uber, TikTok, Grammarly, GitHub, Mobbin и других — с цифрами прироста: пейволлы, пробные периоды, цены и тарифы, онбординг, удержание, чекаут. Помогает понять, что протестировать в своём продукте.", "tags": ["a/b тесты", "пейволл", "конверсия", "онбординг", "цены", "тарифы", "пробный период", "удержание", "growth"], "icon": "/icons/abtest.design.png"}, {"name": "Тайп", "url": "https://gigatype.app", "type": "приложения", "price": "free", "desc": "Офлайн-диктовка на русском", "desc_en": "Offline dictation in Russian", "details": "Голосовая клавиатура GigaType для macOS и Windows: зажимаешь клавишу, говоришь — текст вставляется туда, где стоит курсор (или в буфер обмена). Распознавание полностью локальное, без интернета, на нейросети GigaAM от Сбера — быстрее и точнее Whisper на русской речи. Голос и текст не уходят на серверы. Лицензия MIT, бесплатно.", "tags": ["диктовка", "голос", "распознавание речи", "speech to text", "русский язык", "офлайн", "приватность", "ии", "нейросеть", "macos", "windows"], "icon": "/icons/gigatype.app.png"}, {"name": "Feral UI Gradients", "url": "https://feralui.dev/gradients", "type": "инструменты", "price": "free", "desc": "Mesh, зернистые и живые градиенты", "desc_en": "Mesh, grainy and animated gradients", "details": "Бесплатный генератор градиентов от Feral UI: mesh, зернистые (noise), анимированные и «живые» градиенты — облака, аврора, акварель, полосы, призмы. Цвета ставятся точками прямо на холсте, есть пресеты, контраст цветов и экспорт. Для фонов сайтов, обложек и hero-блоков. Автор — Sarthak Navalekar.", "tags": ["градиенты", "mesh gradient", "фоны", "генератор", "анимация", "noise", "веб"], "icon": "/icons/feralui.dev.png"}, {"name": "dark.design", "url": "https://www.dark.design", "type": "рефы", "price": "free", "desc": "Галерея сайтов в тёмной теме", "desc_en": "Gallery of dark-themed websites", "details": "Подборка из 400+ сайтов с тёмным дизайном: агентства, AI-продукты, софт, железо, web3, личные сайты. Фильтры по категориям, сортировка по новым и популярным, есть бесплатные шаблоны и ежемесячная рассылка. Для вдохновения при работе над тёмной темой.", "tags": ["тёмная тема", "dark mode", "сайты", "лендинги", "вдохновение", "галерея"], "icon": "/icons/www.dark.design.png"}, {"name": "VoiceStudio", "url": "https://voicestudio.sh", "type": "приложения", "price": "freemium", "github": "debpalash/VoiceStudio", "desc": "Локальный клон голоса и озвучка", "desc_en": "Local voice cloning and voiceover", "details": "Приложение для работы с голосом на локальных моделях: клонирование голоса по короткому образцу, дизайн голоса по описанию, дубляж видео с сохранением таймингов, диктовка и транскрибация, озвучка аудиокниг и историй с несколькими персонажами, 646 языков. macOS, Windows, Linux, Android, iOS и Docker. Открытый код (AGPL-3.0) бесплатно, Pro — $99 в год или $199 навсегда.", "tags": ["голос", "клонирование голоса", "tts", "озвучка", "дубляж", "транскрибация", "диктовка", "аудиокниги", "локально", "open source", "ии", "нейросеть", "macos", "windows", "linux", "ios", "android", "docker"], "icon": "/icons/voicestudio.sh.png", "stars": 106138}, {"name": "recent.design", "url": "https://recent.design", "type": "рефы", "price": "free", "desc": "Свежие рефы: веб, брендинг, моушн", "desc_en": "Fresh refs: web, branding, motion", "details": "Галерея свежих дизайн-работ с фильтрами: веб-интерфейсы, брендинг, моушн, иллюстрации, постеры, печать. Отдельные разделы — запуск-видео, сайты, OG-картинки, скриншоты и иконки приложений. У каждой работы — ссылка на автора. Есть доска дизайн-вакансий. Бесплатно.", "tags": ["вдохновение", "веб-интерфейсы", "брендинг", "моушн", "иллюстрации", "постеры", "иконки приложений", "вакансии"], "icon": "/icons/recent.design.png"}, {"name": "21st.dev", "url": "https://21st.dev", "type": "компоненты и ui", "price": "freemium", "github": "serafimcloud/21st", "desc": "Реестр React-компонентов и MCP", "desc_en": "Registry of React components and MCP", "details": "Открытый реестр 12 000+ React-компонентов, блоков, шаблонов и тем на Tailwind и shadcn/ui от сообщества дизайн-инженеров: код копируется прямо в проект, без зависимостей. Есть MCP и CLI для агентов (Claude Code, Cursor) — агент сам ищет и ставит компоненты, и генерация UI. Бесплатно — весь реестр и 2 копирования в день; подписка — без лимита и премиум-шаблоны.", "tags": ["react", "shadcn", "tailwind", "реестр", "блоки", "шаблоны", "темы", "mcp", "агенты"], "icon": "/icons/21st.dev.png", "stars": 5556}, {"name": "SEESAW", "url": "https://www.seesaw.website", "type": "рефы", "price": "free", "desc": "500+ сайтов по сферам для вдохновения", "desc_en": "500+ websites by industry for inspo", "details": "Галерея из 500+ сайтов, отобранных вручную и обновляемых каждый день: агентства, AI-продукты, крипта, дизайн- и девтулзы, e-commerce, финтех, железо, маркетинг, портфолио, продуктивность, соцсети. Поиск через ⌘K, бесплатная рассылка. Бесплатно.", "tags": ["вдохновение", "сайты", "лендинги", "портфолио", "стартапы", "галерея"], "icon": "/icons/www.seesaw.website.png"}, {"name": "Bakai Lab", "url": "https://www.bakai.me/lab", "type": "рефы", "price": "free", "desc": "Эксперименты с UI-взаимодействиями", "desc_en": "UI interaction experiments", "details": "Лаборатория дизайнера Бакая Толонду уулу: живые эксперименты с интерфейсами — падающий текст, волновая и варп-сетки, перетаскиваемая кнопка, «липкий» дропдаун, анимированные иконки, канбан, сайдбары, графики, диалоги и кнопки в разных стилях. У части экспериментов есть кнопка «Copy prompt», чтобы отдать агенту. Бесплатно.", "tags": ["взаимодействия", "микроанимации", "эксперименты", "кнопки", "дропдауны", "дашборды", "промпты"], "icon": "/icons/www.bakai.me.png"}, {"name": "itsHover", "url": "https://www.itshover.com/icons", "type": "компоненты и ui", "price": "free", "github": "itshover/itshover", "desc": "Анимированные иконки для React", "desc_en": "Animated icons for React", "details": "400+ плавно анимированных SVG-иконок на Motion: двигаются при наведении. Ставятся через npm, shadcn CLI или копированием кода, дружат с shadcn/ui. Бесплатно, открытый код (Apache-2.0).", "tags": ["иконки", "анимированные иконки", "svg", "react", "shadcn", "motion"], "icon": "/icons/www.itshover.com.png", "stars": 2712}, {"name": "Bencho", "url": "https://bencho.dev", "type": "компоненты и ui", "price": "freemium", "github": "cabralorenzo/bencho", "desc": "Интерактивные React-блоки и звуки", "desc_en": "Interactive React blocks and sounds", "details": "Интерактивные React-блоки с микровзаимодействиями и физикой (стопка карточек, рогатка, счётчики, лоадеры, формы, навигация) и синтезированные звуки интерфейса. Бесплатно — 41 блок и 24 звука с открытым кодом; Pro — €99 в год или €129 навсегда: все 200+ блоков и 160+ звуков, загрузки и MCP, чтобы агент сам добавлял блоки в проект.", "tags": ["react", "next.js", "блоки", "микровзаимодействия", "анимация", "звуки интерфейса", "mcp"], "icon": "/icons/bencho.dev.png", "stars": 101}, {"name": "Shaders", "url": "https://shaders.com", "type": "компоненты и ui", "price": "freemium", "github": "shader-effects-inc/shaders", "desc": "WebGPU-шейдеры для фонов и эффектов", "desc_en": "WebGPU shaders for backgrounds and FX", "details": "Открытая библиотека WebGPU-шейдеров для React, Vue, Svelte, Solid, JS и Framer (npm install shaders, MIT): генераторы (аврора, градиенты, плазма) и фильтры (размытие, стекло, свечение) складываются как компоненты. Pro — $10 в месяц: 1000+ готовых шейдеров, визуальный редактор, 55+ готовых секций с промптами для агента и MCP-сервер.", "tags": ["шейдеры", "webgpu", "фоны", "эффекты", "градиенты", "react", "vue", "svelte", "mcp"], "icon": "/icons/shaders.com.png", "stars": 5888}, {"name": "Meowdes Refs", "url": "https://meowdes.tech", "type": "рефы", "price": "free", "desc": "Веб-взаимодействия с кодом", "desc_en": "Web interactions with code", "details": "Русскоязычная подборка веб-взаимодействий с готовым кодом: эффекты под курсором, скролл-анимации, появление, фоны и секции — свечение рамки к курсору, луч вдоль статьи, параллакс-сетки, мега-меню, карусели. Фильтры по типу взаимодействия и блоку (Hero, Card, Header). Бесплатно.", "tags": ["взаимодействия", "анимация", "скролл", "курсор", "hero", "карточки", "код", "русский язык"], "icon": "/icons/meowdes.tech.svg"}, {"name": "Cult UI", "url": "https://www.cult-ui.com", "type": "компоненты и ui", "price": "free", "github": "nolly-studio/cult-ui", "desc": "100+ shadcn-компонентов с анимацией", "desc_en": "100+ animated shadcn components", "details": "Открытая библиотека из 100+ компонентов для shadcn/ui на React, Tailwind и Framer Motion: Dynamic Island, док как в macOS, канбан, кнопки с ореолом и бегущей рамкой, выбор цвета, анимация терминала, дизеринг в hero. Ставятся через shadcn CLI или копированием. Бесплатно, MIT; отдельно продаются блоки для AI SDK-агентов.", "tags": ["react", "shadcn", "tailwind", "motion", "анимация", "dynamic island", "док", "канбан", "кнопки"], "icon": "/icons/www.cult-ui.com.png", "stars": 7058}, {"name": "CSS Design Awards", "url": "https://cssdesignawards.com", "type": "рефы", "price": "free", "desc": "Премия сайтам: сайт дня и победители", "desc_en": "Web awards: site of the day, winners", "details": "Премия для веб-дизайна с 2009 года: сайт дня, номинанты и победители с оценками жюри за UI, UX и инновации. Можно смотреть и голосовать за номинантов. Смотреть бесплатно, подать свой сайт — платно.", "tags": ["вдохновение", "сайты", "награды", "сайт дня", "ux", "лендинги"], "icon": "/icons/cssdesignawards.com.png"}, {"name": "React Bits", "url": "https://reactbits.dev", "type": "компоненты и ui", "price": "freemium", "github": "DavidHDev/react-bits", "desc": "Анимированные компоненты и фоны", "desc_en": "Animated components and backgrounds", "details": "Большая открытая библиотека анимированных React-компонентов: текстовые анимации, эффекты, компоненты, фоны (в том числе на three.js) и микровзаимодействия. Варианты на CSS и Tailwind, анимации на Motion и GSAP; ставятся копированием, через jsrepo или shadcn CLI — код целиком твой. Бесплатно; React Bits Pro — разовой покупкой $129–$349: 230 компонентов, 600 блоков страниц и интерфейсов, шаблоны лендингов и набор для агентов.", "tags": ["react", "tailwind", "motion", "gsap", "three.js", "анимация", "текстовые анимации", "фоны", "микровзаимодействия", "shadcn"], "icon": "/icons/reactbits.dev.png", "stars": 51595}, {"name": "Admire The Web", "url": "https://admiretheweb.com", "type": "рефы", "price": "free", "desc": "1500+ сайтов с фильтром по цвету", "desc_en": "1500+ websites, filter by color", "details": "Галерея из 1500+ сайтов для вдохновения с фильтрами по сферам (агентства, портфолио, продукты, образование, еда, музыка и др.) и по основному цвету. Можно сохранять понравившиеся и предлагать свои. Бесплатно.", "tags": ["вдохновение", "сайты", "портфолио", "агентства", "цвет", "лендинги"], "icon": "/icons/admiretheweb.com.png"}, {"name": "icon.museum", "url": "https://icon.museum", "type": "рефы", "price": "free", "desc": "1000+ иконок iOS-приложений", "desc_en": "1000+ iOS app icons", "details": "Отобранная коллекция иконок iOS-приложений — около тысячи иконок из 255 приложений (macOS обещают скоро). Поиск по иконкам и цветам, «стена иконок», страницы приложений, еженедельная рассылка с лучшими иконками. Бесплатно.", "tags": ["иконки приложений", "app icons", "ios", "вдохновение", "цвет"], "icon": "/icons/icon.museum.png"}, {"name": "Design 30 Club", "url": "https://www.design30.club", "type": "рефы", "price": "free", "desc": "Рефы из дизайн-челленджей", "desc_en": "Refs from design challenges", "details": "Архив из 3000+ работ дизайнеров из ежедневных челленджей: на каждый бриф — десятки разных решений одной задачи (иконки, интерфейсы, брендинг, моушн), с лайками и таблицей лидеров — удобно искать рефы и сравнивать подходы. Можно и самому участвовать: 30-дневные сезоны по одной теме, один бриф в день, профиль со ссылками на портфолио, есть вакансии. Бесплатно.", "tags": ["работы дизайнеров", "вдохновение", "иконки", "интерфейсы", "челленджи", "брифы", "портфолио", "вакансии"], "icon": "/icons/www.design30.club.png"}, {"name": "Astryx", "url": "https://astryx.atmeta.com", "type": "компоненты и ui", "price": "free", "github": "meta/astryx", "desc": "Открытая дизайн-система от Meta", "desc_en": "Open-source design system by Meta", "details": "Открытая дизайн-система Meta: 180+ доступных React-компонентов на StyleX (React 19+) с темами, тёмной темой и готовыми шаблонами страниц. CLI и MCP для ИИ-агентов: создать проект, взять шаблон, сгенерировать тему, получить документацию для агента. Внутри Meta 8 лет, на ней 13 000+ приложений. Сейчас бета. Бесплатно, MIT.", "tags": ["дизайн-система", "react", "stylex", "темы", "шаблоны", "доступность", "mcp", "агенты", "meta"], "icon": "/icons/astryx.atmeta.com.png", "stars": 22603}, {"name": "daisyUI", "url": "https://daisyui.com", "type": "компоненты и ui", "price": "freemium", "github": "saadeghi/daisyui", "desc": "Готовые классы компонентов для Tailwind", "desc_en": "Component classes for Tailwind CSS", "details": "Плагин для Tailwind CSS: 68 компонентов в виде готовых классов (btn, card, toggle…) и 600+ утилит — меньше классов в разметке, без JavaScript. Работает с любым фреймворком (React, Vue, Svelte, Laravel, Rails), 35 встроенных тем и генератор своих. Сама библиотека бесплатная и открытая (MIT); в магазине автора платные шаблоны, графики и Figma-библиотека.", "tags": ["tailwind", "css", "темы", "кнопки", "формы", "без js", "react", "vue", "svelte"], "icon": "/icons/daisyui.com.png", "stars": 42801}, {"name": "HeroUI", "url": "https://heroui.com", "type": "компоненты и ui", "price": "freemium", "github": "heroui-inc/heroui", "desc": "Доступные компоненты для React и RN", "desc_en": "Accessible components for React and RN", "details": "Бывший NextUI: бесплатная открытая библиотека доступных компонентов для React и React Native на Tailwind (Apache-2.0), с темами. Есть MCP-сервер, CLI и готовый промпт для настройки через Cursor или Claude Code. HeroUI Pro — разовая лицензия: 120+ платных компонентов для веба и мобильных, премиум-шаблоны, дизайн-системы и ИИ-инструменты.", "tags": ["react", "react native", "tailwind", "доступность", "темы", "next.js", "mcp"], "icon": "/icons/heroui.com.png", "stars": 31178}, {"name": "Vengeance UI", "url": "https://www.vengenceui.com", "type": "компоненты и ui", "price": "free", "github": "Ashutoshx7/VengeanceUI", "desc": "Анимированные блоки для лендингов", "desc_en": "Animated blocks for landing pages", "details": "46 анимированных интерактивных компонентов для лендингов на React и Next.js: эффекты смещения при наведении, анимированные подсказки, карточки за курсором, текстовые анимации (flip, morph), пиксельный след за курсором, стеклянный док, навбар с подсветкой, слайдер логотипов. Ставятся через shadcn CLI или копированием. Бесплатно, MIT.", "tags": ["react", "next.js", "shadcn", "анимация", "лендинги", "эффекты при наведении", "текстовые анимации", "курсор"], "icon": "/icons/www.vengenceui.com.png", "stars": 1271}, {"name": "Motion", "url": "https://motion.dev", "type": "компоненты и ui", "price": "freemium", "github": "motiondivision/motion", "desc": "Библиотека анимаций для React и JS", "desc_en": "Animation library for React and JS", "details": "Бывший Framer Motion: библиотека анимаций для React, Vue и чистого JavaScript. Анимации раскладки (размер, позиция, порядок — то, что не умеет CSS), жесты (нажатие, наведение, перетаскивание с инерцией), анимации при скролле, пружинная физика, анимации исчезновения, 3D через Three.js; работает на аппаратном ускорении, от 3,2 КБ. Бесплатно, MIT. Motion+ — разовая оплата навсегда: премиальные компоненты Motion UI, сотни примеров и уроков, визуальный редактор таймингов Motion Studio и AI Kit — документация и навыки для ИИ-агентов (Cursor, Claude Code), в том числе поиск медленных анимаций.", "tags": ["анимация", "react", "vue", "javascript", "framer motion", "анимации при скролле", "жесты", "пружины"], "icon": "/icons/motion.dev.png", "stars": 35054}, {"name": "Anime.js", "url": "https://animejs.com", "type": "компоненты и ui", "price": "free", "github": "juliangarnier/anime", "desc": "Движок анимаций на JavaScript", "desc_en": "JavaScript animation engine", "details": "Лёгкая модульная библиотека анимаций на чистом JavaScript, без привязки к фреймворку: ключевые кадры, встроенные изинги и редактор изингов, раздельные CSS-трансформации, таймлайны, задержки волной (stagger), анимации при скролле, SVG — морфинг фигур, отрисовка линий, движение по пути; перетаскивание с пружинами и инерцией, адаптивные анимации под медиазапросы. Подключается по частям, ядро от ~5 КБ. Полностью бесплатно, MIT, живёт на спонсорстве.", "tags": ["анимация", "javascript", "svg анимация", "таймлайн", "анимации при скролле", "изинги", "stagger"], "icon": "/icons/animejs.com.png", "stars": 74496}, {"name": "shadcn/ui", "url": "https://ui.shadcn.com", "type": "компоненты и ui", "price": "free", "github": "shadcn-ui/ui", "desc": "Основа для своей дизайн-системы", "desc_en": "Foundation for your own design system", "details": "Набор доступных компонентов для React на Radix и Tailwind, которые копируются прямо в проект через CLI (npx shadcn add) — код твой, правишь как хочешь. Кнопки, диалоги, формы, таблицы, графики, готовые блоки (дашборды, логин, сайдбары), темы и генератор оформления. Реестры позволяют ставить компоненты сторонних библиотек той же командой; есть MCP-сервер для ИИ-агентов. Стандарт, на котором построены многие другие библиотеки. Бесплатно, MIT.", "tags": ["shadcn", "react", "tailwind", "radix", "дизайн-система", "блоки", "графики", "темы"], "icon": "/icons/ui.shadcn.com.png", "stars": 127844}]