Я вложил 1200+ часов в non-profit open source проект. Вот что я понял

Привет сообществу Радара! С вами Валентин Ульянов и сегодня речь пойдет о моем проекте – mlut (читается “млат”). Это CSS-фреймворк – аналог Tailwind для верстки кастомных сайтов и креативов. Мы делаем non-profit open source инструмент для разработчиков, но несмотря на это, в работу над ним я вложил уже больше 1200 часов. В статье расскажу зачем это все и что получилось.

Мы на Product Radar:

mlut

• Продукт недели #2

CSS-фреймворк, аналог Tailwind для верстки кастомных сайтов и креативов

32

• Open Source проекты
• Все для разработчиков
• 🎓Ищу ментора
• 🔥Хочу максимальную прожарку
• 🤝Ищу партнерства и коллабы

168

Почему open source

По специализации я разработчик. В школе пару лет ходил на курсы по ActionScript и C++, а дальше изучал программирование самостоятельно. При этом, в вузе или колледже я не учился.

Когда в 2015 я начал разбираться в Linux, я познакомился с темой open source (вернее free software – это разные вещи, но сейчас не будем душнить). Мне очень откликнулись идеи свободных знаний и свободного взаимодействия, которые за всем этим стояли. Тогда я осознал: если сделать программу открытой и свободной, то это сможет максимизировать ее пользу. Примерно в то время у меня появились первые мысли связать с этим жизнь.

Как появился mlut

В 2018 я работал фронтенд-разработчиком в небольшой команде. У нас там было много чего самописного и в частности, CSS-фреймворков для верстки мы тоже не использовали. При этом, основную часть задач у меня составляла верстка сайтов, а еще я был молодой и глупый горячий. В таких обстоятельствах я увидел для себя возможность и решил написать свой фреймворк.

Я тогда еще не понимал до конца, что у меня должно получиться, поэтому назвал свою библиотеку “My Little UI Toolkit”. Если сложить эту фразу в аббревиатуру – получится mlut.

Старт в open source

Когда в mlut накопилось какое-то минимально значимое количество функционала, я решил оформить его как полноценный open source проект. В процессе я быстро понял, что оформление репозитория, написание документации и прочая “побочная” работа занимает довольно много времени.

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

Хотя в той компании, где я работал на тот момент, мне удалось убедить руководство внедрить mlut в процесс разработки. В связи с этим, когда задач было мало, я занимался его развитием и в рабочее время.

Первые шаги к продукту

Далее, на протяжении нескольких лет mlut был в состоянии типичного пет-проекта. Я периодами что-то там дорабатывал, но взяться серьезно за дело времени не хватало. И даже в 2021, когда мне удалось полгода поработать над проектом почти фултайм (жил на накопления) – ситуация не сильно изменилась. Я разработал 80% функционала, который есть по сей день и описал большую его часть документацией, но до продвижения дело так и не дошло.

Я не очень продуктивно провел это время. Было много оверинжиниринга и лишних действий, а также сказывался небольшой опыт в продакшн разработке (3 года) и отсутствие фундаментальных знаний.

Но несмотря на эти факторы, тот опыт стал для меня очень важным. Именно тогда я понял, чем хочу заниматься в жизни: создавать open source технологии для других разрабов.

Подвижки в продвижении появились лишь в конце 2022. Тогда я решил попробовать связаться с разработчиками, имевшими большой опыт в open source. Я писал им с просьбой дать фидбек и как-либо помочь с продвижением, если посчитают проект достойным. Тогда ребята преподали мне азы: что такое продукт и какими базовыми свойствами он должен обладать. После минимальной упаковки я наконец получил опыт первых питчей перед сообществом и первый фидбек.

Выход на сцену

В 2024 я довел mlut до состояния, близкого к паритету по функционалу с лидерами рынка. Я смог попасть с докладами об инструменте на многие крупные IT-конференции: “Стачка», HolyJS, FrontendConf. В то же время написал первые статьи на Хабр.

Я представил проект широкой публике, но восприняли его довольно холодно. Несмотря на наличие интересных фич, в общем выглядел он сыровато. Не было полноценного сайта и еще некоторой инфраструктуры. Но что более печально – не было маркетинга: понятного позиционирования, конкурентной дифференциации и настоящего УТП.

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

Качественный переход

Поворотное решение

В начале 2025 я думал, что делать дальше, помимо работы в найме. Кроме развития mlut было еще несколько идей, в том числе новый проект. И тогда мне пришел важный инсайт о нашем рынке, который стал поворотным. Если попробовать взять топ-3 проектов в нашей нише (Atomic CSS фреймворки), то нет четкого кандидата, кто был бы на третьем месте. Я понял, что mlut мог бы остаться не только полезным опытом для меня, но и стать чем-то значимым для индустрии. Поэтому я решил продолжить работать над ним.

Тогда я увидел и много возможностей по развитию проекта. Отсюда же получилось партнерство с HTML Academy, с кем мы делаем совместный мини-курс по инструменту.

Первый сотрудник

Также В 2025 я работал на senior позиции в Р7 и столкнулся со стандартной проблемой: есть куча дел и куча денег, а времени на все не хватает. Таким же стандартным решением здесь является делегирование и мне пришла гениальная идея: нанять себе в помощь джуна!

Подробнее об этом кейсе описано в статье на Хабре. Примечательно, что она хорошо полетела и стала мощным инфоповодом. Так нас стало двое и мы работаем в таком составе и по сей день.

Помощник взял на себя широкий скоуп задач: как контент маркетинг (соцсети, статьи), так и сопутствующую разработку. Сюда относятся сайт и онлайн песочница. Теперь у нас появились на все это ресурсы.

Начали строить маркетинг

Летом это го же года, мы впервые обратились в маркетинговое бюро. Нам помогли там помогли с разработкой позиционирования, конкурентной дифференциацией и tone of voice. Это было довольно полезно, поскольку мы получили, примерно то, что хотели, а также нашли нашу настоящую ЦА (как позже выяснилось – одну из ее частей). Еще я получил первый опыт проведения кастдевов – это был интересный опыт.

И как один из значимых результатов всего этого: в октябре мы смогли взять топ-3 на конкурсе “Open Source трибуна”.

Радар

Как я здесь оказался

В апреле 2025, на конференции я познакомился с Женей Боровковым, который и пригласил меня на Радар (за что ему отдельное спасибо). Тогда я сходу подумал, что это просто “наш ответ Product Hunt” и не придал ему много значения. Но в конце года я вспомнил об этой возможности и изучил информацию о площадке. Я был приятно удивлен тому, что здесь происходит, и понял, что стоит в этом поучаствовать.

Опыт на площадке

Я понимал, что на этой площадке довольно мало нашей ЦА, поэтому основная цель была – занять призовое место в конкурсе и получить PR. Это бы придало значимость, как для самого инструмента, так и могло стать достойным пунктом в моем личном послужном списке. Потому что развитием личного бренда я тоже активно занимался (и продолжаю).

В начале 2026 мне пришли несколько инсайтов, благодаря которым я наконец смог составить хорошее УТП нашего проекта и доработать позиционирование. В этот момент я понял, что теперь мы готовы запускаться на Радаре.

Среди охотников я выбрал Влада Радченко, поскольку еще давно был подписан на него в Тенчате, и немного знаком с творчеством. Кроме того, он сам разработчик и разбирается в теме open source, так что выбор был почти очевиден.

Совместной работой с охотником я остался доволен. Узнал, как о специфике Радара, так и получил много полезных ответов по продуктовой части своего проекта. И в процессе работы с площадкой я понял, что помимо моей изначально цели, здесь можно почерпнуть еще много чего полезного. Коллабы с другими основателями, разноплановый фидбек, менторство и не только.

Состояние проекта на сегодня

Сейчас mlut имеет все основные качества продукта: решаемая проблема, ЦА, позиционирование, УТП и тд. Это CSS-фреймворк для верстки сайтов с индивидуальным и нешаблонным дизайном. Как правило, такими проектами занимаются веб-студии и фрилансеры. Специалист может однажды разобраться с нашим инструментом и повысить свою продуктивность в верстке примерно в 2 раза на всю оставшуюся практику.

Сегодня ни один инструмент на рынке не может помочь с версткой кастомного дизайна так, как это делаем мы. А LLM с такими задачами все еще плохо справляются, и неизвестно, когда ситуация изменится.

Кроме того, у нас уже есть некоторое количество сопутствующих подпроектов. Они привлекают пользователей и помогают им разобраться в проекте. Это наш сайт с галереей CSS артов и онлайн песочница.

Планы

Среднесрочные

• добавить больше возможностей CSS для сложной верстки
• сделать плагины к IDE для автокомплита и подсказок
• сделать интеграции для вайбкодинга. Есть гипотеза, что LLM на нашем фреймворке сможет верстать лучше, чем на других

Также у нас есть идеи по монетизации. Когда у нас появится значимое количество пользователей, мы попробуем запросить платиновое спонсорство у крупных песочниц для разработки, на подобии codesandbox.io. Взамен они получат интеграцию с нами, наших пользователей и новые фичи в инструменте.

Из более простых вариантов: платная поддержка с моим личным консалтингом по разработке.

Пока проект разрабатывается на мои накопления.

Видение

Что касается долгосрочного видения, то программа минимум – остаться чем-то значимым в истории фронтенд-разработки. А план максимум: стать топ-3 Atomic CSS фреймворком в мире.

Выводы

Ключевые инсайты, которые я понял за свой опыт в open source

1. Если есть планы сделать серьезный проект – надо сразу относиться к нему, как к коммерческому продукту. Даже если монетизация не предполагается. Думать над позиционированием, УТП и тд
2. Планировать разработку с точки зрения приоритетов. Опять же, как в обычных стартапах: начинать с mvp и потом постепенно делать только наиболее значимый функционал
3. Начинать в open source стоит с чего-то небольшого. Не стоит сразу пытаться делать свой язык программирования, особенно, если нет хороших знаний в компьютерных науках. Стартовать лучше с чего-то вроде мини-библиотеки или плагина для крупного проекта, который закрывает какую-то вашу личную боль

Зачем

Ну и напоследок, хочу резюмировать, зачем были потрачены 1200+ часов

• Мне было интересно сделать что-то свое и попытаться решить проблемы существующих инструментов
  
• У меня есть мечта: я хочу стать фултайм open source разработчиком. mlut я вижу как начало своей карьеры в этом деле и “разминку перед большой игрой”
  

Второй пункт стоит пояснить. Есть негласное правило:

Чтобы научиться делать успешные продукты, надо сделать хотя бы 3-5 неуспешных.

На мой взгляд, для open source технологий работает то же самое. Поэтому на mlut я во многом учусь созданию продуктов и в том числе, техническим вещам.

У меня нет цели “захватить мир” с mlut или “побить” Tailwind. Я прекрасно понимаю, что инструмент более узкоспециализированный, и не имеет такого потенциала by design. Но при этом, он достойно решает обозначенную проблему и способен приносить пользу своей ЦА.

А у меня в планах уже идея для нового проекта – на более значимую проблему и широкий рынок. Вот там уже будем целиться на “захват мира” и на “большую игру”.

На этом все! По всем вопросам и предложениям о проекте можно писать мне в Телеграм: @he150. Еще у меня есть свой канал – туда тоже можно подписаться

И, конечно, будем благодарны за поддержку нашего проекта на Радаре!

mlut

• Продукт недели #2

CSS-фреймворк, аналог Tailwind для верстки кастомных сайтов и креативов

32

• Open Source проекты
• Все для разработчиков
• 🎓Ищу ментора
• 🔥Хочу максимальную прожарку
• 🤝Ищу партнерства и коллабы

168

⭐️ Эту статью написал «Друг Радара». Вы можете добавить свою статью или обсудить ее идею с нами в боте. Мы поможем на всех этапах подготовки и публикации статьи, а также разметим ее в сторисах нашего Telegram-канала @productradar_official. Редакция Блогов Product Radar бережно сохранила авторский стиль, орфографию и пунктуацию.