#design
Погрузитесь в мир цифрового дизайна! Здесь вы найдете все от проектирования масштабируемых систем до создания красивых интерфейсов с помощью CSS и JavaScript. Обзоры опенсорс-инструментов, графических редакторов и полезных фреймворков для разработчиков и дизайнеров.
Как перестать платить за Intercom и развернуть свою поддержку за вечер
Обзор Chatwoot — мощного опенсорсного решения для поддержки клиентов. Узнайте, как заменить Intercom и Zendesk, сохранив контроль над данными и сэконо...
p5.js - Когда код становится кистью, а браузер — холстом
p5.js — это JavaScript-библиотека для творческого кодирования, которая превращает веб-страницу в холст для ваших идей. Рисуйте, анимируйте, создавайте...
Готовые CSS-анимации, которые легко отдать нейросети. Разбор репозитория transitions.dev
Обзор репозитория transitions.dev: готовые CSS-анимации микровзаимодействий, CLI-утилита и готовый скилл для AI-ассистентов Cursor и Claude Code.
Screenity рекордер экрана для тех, кто ценит приватность и функциональность
Screenity — бесплатный и безопасный рекордер экрана с мощными возможностями аннотирования. Идеальный инструмент для создателей обучающих материалов и...
MaterializeCSS — когда дизайн и функциональность идут рука об руку
MaterializeCSS — современный CSS-фреймворк на основе Material Design, который поможет быстро создавать красивые и отзывчивые интерфейсы без лишних уси...
Fluent UI System Icons: Когда иконки от Microsoft спасают ваш UI
Откройте для себя Fluent UI System Icons — обширную коллекцию современных иконок от Microsoft, которая принесет единообразие и стиль в ваши кроссплатф...
Nextcloud - Ваше личное облако без компромиссов
Nextcloud — это open-source платформа для хранения и совместной работы с данными, которая дает полный контроль над вашей информацией
Graphite: когда графический редактор работает как игровой движок
Graphite — это открытый графический редактор нового поколения, который сочетает векторные и растровые инструменты с процедурным подходом. Узнайте, поч...
ИИ-дизайнер в Figma - Как Cursor AI научился "рисовать" с помощью Talk to Figma MCP
Представьте, что ваш ИИ-помощник не просто пишет код, а еще и... рисует в Figma! Проект Cursor Talk to Figma MCP открывает дверь в мир, где ИИ напряму...
Onlook - Когда дизайн встречает код без боли
Onlook — это визуальный редактор для дизайнеров и разработчиков, который объединяет возможности Figma и кодового редактора, позволяя создавать Next.js...
Penpot: дизайнерский рай без подписки и ограничений
Penpot — открытая альтернатива Figma для совместной работы дизайнеров и разработчиков. Обзор возможностей, архитектуры и кейсов использования.
Silex Визуальный конструктор сайтов для тех, кто ценит контроль
Silex — это мощный визуальный редактор для создания статических сайтов, который сочетает простоту no-code подхода с гибкостью ручного редактирования к...
tldraw — бесконечный холст для вашего React-приложения
tldraw — библиотека для создания интерактивных досок и бесконечных канвасов в React. Узнайте, как легко добавить рисование и коллаборацию в ваше прило...
Plasmic — Визуальный конструктор, который понимает ваш код
Plasmic — это визуальный конструктор для React, который позволяет дизайнерам и разработчикам совместно создавать интерфейсы без постоянного написания...
TiXL — ваш новый инструмент для создания живой графики
Откройте для себя TiXL — мощный open-source инструмент для создания интерактивной графики и анимации. Узнайте, как сочетание реального времени, proced...
Как перестать рисовать скриншоты для сторов вручную и доверить это коду
Узнайте, как автоматизировать создание профессиональных скриншотов для App Store и Google Play с помощью ИИ и Next.js. Забудьте о Figma и ручной подго...
Simple Icons Когда иконки брендов нужны здесь и сейчас
Надоело искать логотипы брендов в разных форматах? Simple Icons — это сокровищница из более чем 3300 SVG-иконок популярных компаний и сервисов, готовы...
Как научить нейросеть рисовать интерфейсы в вашем стиле
Обзор коллекции из 67 готовых дизайн-систем и инструкций для AI-агентов (Cursor, Claude Code), которые помогают нейросетям писать чистый и консистентн...
Как подружить AI-агентов с вашим фронтендом через Agentation
Обзор Agentation — визуального инструмента для React, который помогает AI-агентам находить нужный код через клики по элементам интерфейса.
Mo.js — инструмент для создания потрясающей веб-анимации
Mo.js — мощная JavaScript-библиотека для создания анимации на веб-страницах. Узнайте, как с её помощью оживить ваш сайт без лишних сложностей.
System Design Primer — готовимся к собеседованию в FAANG
System Design Primer - это золотая жила для разработчиков, готовящихся к собеседованиям в крупные IT-компании. В этом репозитории собраны принципы про...
Как превратить OpenStreetMap в искусство с помощью Python
Обзор Python-инструмента maptoposter для генерации минималистичных карт-постеров из данных OpenStreetMap. Узнайте, как превратить геоданные в искусств...