SaaS UI: $8K в месяц на библиотеке React-компонентов для SaaS — кейс Эльсо Виерсма на Chakra UI

SaaS UI — продвинутая библиотека React-компонентов для SaaS-приложений на базе Chakra UI. $3–8K выручки в месяц, один основатель, прибыльно, запущена в 2021 году. Создатель — Эльсо Виерсма, самоучка-разработчик из Нидерландов с почти 20-летним опытом B2B-приложений.

Главная особенность кейса — pre-sale за неделю до первой версии. Эльсо начал брать деньги ещё до того, как продукт был готов, и за 6 месяцев после публичного запуска дошёл до $8K MRR.

Кто такой Эльсо Виерсма

Эльсо — голландский разработчик, фрилансер с двадцатилетним стажем. Делал B2B-приложения для разных клиентов и каждый раз ловил одну и ту же боль: каждый новый проект требовал с нуля собирать одни и те же UI-компоненты — формы аутентификации, таблицы, дашборды, фильтры.

До SaaS UI у него был успешный exit в другом SaaS-бизнесе. Опыт показал: продуктовый рынок ценит инструменты, которые экономят месяцы фронтенд-работы.

Какую проблему решает SaaS UI

Когда разработчик запускает новый SaaS, 70% времени на старте уходит на UI-плумбинг: окно логина, восстановление пароля, форма биллинга, дашборд с метриками, страница настроек. Это не уникальная ценность продукта, но без неё ничего не запустить.

SaaS UI даёт готовый набор продакшн-компонентов:

• 30+ open-source компонентов: формы, авторизация, навигация
• Pro-набор: дашборды, биллинг, фильтры, datepicker
• Полная типизация на TypeScript
• Совместимость с Chakra UI и доступность из коробки

Разработчик пропускает 2–3 месяца UI-работы и сразу занимается уникальной логикой продукта.

Как родилась идея

Эльсо устал переписывать одни и те же экраны для каждого нового проекта. Существующие библиотеки (Material UI, Ant Design) были слишком общими, а Chakra UI — отличной базой, но без специфичных SaaS-компонентов вроде формы биллинга или multi-step wizard.

Он провёл валидацию: показал черновики друзьям-разработчикам, поделился в Twitter, собрал фидбэк. Реакция была однозначной — «возьмём, если будут готовые формы и аутентификация».

Как собирал продукт

Первый прототип занял полтора года работы в свободное время (Эльсо параллельно фрилансил). Затем ещё полгода — до первой прибыльности.

Стек:

Слой	Инструмент
Основа	React + TypeScript
Базовая библиотека	Chakra UI
Формы	React Hook Form
Биллинг и продажи	Gumroad
Сайт	Next.js + MDX-документация
Маркетинг-канал	Twitter

Главный технический челлендж как для solo-разработчика — балансировать scope. Эльсо специально ограничил себя 30 компонентами в open-source ядре и не пытался покрыть всё подряд.

Стратегия роста

Twitter build-in-public

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

Pre-sale до релиза

Эльсо запустил простую страницу с прайсом и ранним доступом через Gumroad — ещё до готовой версии продукта. Pre-sale валидировал спрос и принёс первые деньги, которые дали мотивацию довести библиотеку до релиза.

Open-source как воронка

Эльсо выложил основные 30+ компонентов как open-source MIT под именем SaaS UI Core. Разработчики ставили их через npm, использовали в проектах, и при росте задач переходили на платный Pro-набор с продвинутыми компонентами.

Контент-маркетинг через партнёра

Эльсо не пытался сам вести блог — заключил договор с агентством контент-маркетинга, которое выпускало статьи-сравнения и use-case разборы под SEO-ключи «React SaaS starter», «Chakra UI components», «SaaS boilerplate».

Pricing

Модель — open-core с тремя коммерческими ярусами:

• Бесплатное open-source ядро — 30+ базовых компонентов
• Pro — €200 за разработчика (one-time)
• Team — €699 за команду до 20 человек
• Enterprise — €2000/месяц с кастомной поддержкой

5 уроков из кейса

1. Монетизируй до релиза. Pre-sale на Gumroad дал Эльсо валидацию спроса и первые деньги до того, как продукт был готов. Это сильно сократило риск «полтора года в стол».

2. Держи scope узким. Solo-фаундер не может закрыть всё подряд. Эльсо сознательно ограничил себя 30 компонентами в ядре и не пытался конкурировать с Material UI по объёму.

3. Терпение окупается. Полтора года до беты + полгода до прибыли — это нормально. Многие сдаются за 3 месяца, потому что ждут быстрый успех от соло-проектов.

4. Игнорируй конкурентов, фокусируйся на клиентах. Большие игроки (Material UI, MUI) кажутся пугающими, но прямой контакт с покупателями даёт solo-фаундеру преимущество в нишевой адаптации.

5. Делегируй то, что не профильно. Эльсо отдал контент-маркетинг агентству и оставил себе только код и Twitter. Это позволило удерживать темп разработки.

SaaS UI — пример того, как один опытный разработчик с правильной валидацией и open-core моделью за 6 месяцев построил прибыльную библиотеку в нише, где играют гиганты.