Lab / built into this site

Смотрите, что мы умеем.

Каждый компонент ниже работает прямо на этом сайте. Не мокапы — production-код, который мы ставим в проекты клиентов.

0AStack orbit

Three.js · simple-icons · fog

Hero главной: гигантское матовое кольцо режет край экрана, по нему едут чипы с нашим стеком — Next, React, Flutter, Node, Postgres, Supabase, Firebase, Claude, Stripe. Туман прячет дальнюю сторону (фейковая глубина резкости), скролл разгоняет орбиту.

00Product, exploded

Three.js · CanvasTexture

Продукт как три слоя: экран с живым терминалом (рисуется в текстуру на GPU), логика и данные из абстрактных строк кода, глиф </>. Скролл раздвигает слои, мышь наклоняет стопку. Живёт на странице Services.

01Idea → PRD

Claude API · route handler

Опишите идею — получите черновик PRD: аудитория, MVP-scope, метрики, риски, сроки. Server route на Next.js, Claude Opus 5 с prompt caching и rate-limit. Без ключа — demo-режим.

Здесь появится PRD: аудитория, MVP, метрики, риски и сроки.

03Live code visual

React state machine

Терминал набирает реальные сценарии кейсов посимвольно, три скрипта по кругу, 3D-наклон за курсором и параллакс по скроллу.

04Dot field

Canvas 2D · pointer events

Сетка точек реагирует на курсор: рост, цвет, притяжение. Клик — волна. DPR-aware, останавливается вне экрана.

move the pointer · click for a ripple

02Intro scene

CSS keyframes · sessionStorage

Точка → взрыв → wordmark → логотип улетает в nav. Один раз за сессию, клик — пропустить, уважает prefers-reduced-motion.

devGal.

05Magnetic cursor

rAF · mix-blend-mode

Курсор — оранжевая точка бренда. Над ссылками растёт, над кейсами превращается в «Open case», кнопки с data-magnetic тянутся к курсору.

hover zone

06Command palette

⌘K · client router

Быстрая навигация по страницам, кейсам и ventures с клавиатуры. Нажмите ⌘K или кнопку ниже.

⌘K / Ctrl+K — open

↑ ↓ — navigate

↵ — go · esc — close

09Tilt cards

CSS 3D · pointer math

Карточки кейсов наклоняются к курсору с движущимся бликом. Только transform, без перерисовок layout.

001

003

10Liquid type

SVG feTurbulence · feDisplacementMap

Манифест на главной «плывёт» под курсором: шум смещает пиксели текста, отпустил — успокаивается.

WE MAKE
THINGS EXIST.

08Split-text & count-up

server-rendered · IntersectionObserver

Заголовки поднимаются по словам, цифры считаются от нуля при появлении. Без JS-библиотек, слова рендерятся на сервере.

Words rise one by one on scroll.

0K+

users

cases

+0%

promo traffic

07Pinned horizontal scroll

sticky + transform

Секция кейсов на главной прилипает и едет вбок синхронно с вертикальным скроллом. На мобильных — обычная сетка.

Живой пример — секция «Selected work» на главной.

Посмотреть на главной ↓

Want this in your product

Let’s build something.

Каждый из этих компонентов мы ставим в проекты за дни, не недели.

Start a project →