rixed.store
Motion Gallery
Вау анимации
Clean-Room GPU Compositing · 60/120 FPS Spring Physics

Витрина ЖивыхUI Анимаций

Интерактивная галерея вау-эффектов, построенная по 7 законам физики интерфейсов. Никаких шаблонных анимаций: только честный закон Гука, ртутные метаболы, радужная дифракция и тактильные микроинтеракции.

RIX-01Gooey SVG Meniscus
120 FPS

Liquid Mercury Navigation

Навигационный док, ведущий себя как жидкая ртуть. Меню плавно перетекает, растягивается и схлопывается с инерцией натяжения поверхности.

RIX-02Diffraction Grating
120 FPS
RIX-0201

Platinum Obsidian

Fresnel Iridescent Foil

Holographic Iridescent Card

Голографическая карта с радужной дифракционной решеткой, 3D-параллаксом гироскопа/мыши, тактильным пленочным зерном и кривыми Лиссажу.

RIX-03Hooke's Spring Law
120 FPS
RIX-0202

Elastic Magnetic Pod

Закон Гука: F = -k · x

Magnetic Elastic Card

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

RIX-04Gravitational Slingshot
60 FPS
07. Gravitational Well

Orbital Gravity Well

Курсор искривляет орбиты и создает гравитационный захват с катапультой

CORE
Grok
Next.js
WebGL
Framer
Hooke
Hooke Elastic Slingshot60 FPS GPU Composite

Orbital Gravity Well

Центральное светящееся ядро со спутниками на орбитах. Приближение курсора искривляет орбиты, притягивает элементы и катапультирует их с инерцией.

RIX-05Biomorphic Ambient
60 FPS
08. Biomorphic Ambient
18s Cycle

Living Breathing Interface

Органический циркадный пульс, медитативное движение без жестких краев

Circadian Pulse: 0.25 HzZero Sharp Edges

Living Breathing Interface

Интерфейс дышит: элементы медленно пульсируют в разных ритмах, фоновые градиенты плавно перетекают, создавая медитативное ощущение живого продукта.

RIX-063D Perspective Creases
60 FPS
09. Origami Folding
3D Perspective

Origami Fold Transition

3D складывание и разворачивание геометрических граней интерфейса с тенями сгиба

Таинственный СвитокUnfold 3D ↓

Нажми, чтобы развернуть трехмерный геометрический кластер.

Crease Physics240 Stiff / 24 Damp
Perspective1200px Depth
Click to Toggle OrigamiZ-Space Creases

Origami 3D Fold Surface

Переходы между экранами и карточками выглядят как складывание и разворачивание японского оригами с объемными складками и градиентными тенями сгиба.

RIX-07Unified Radial Beam
120 FPS
L0 Physics Primitives120 FPS

Физические Солверы

Пружины Гука (Hooke's Law), гравитационные поля и инерционные модели вместо линейных ease-кривых.

Architecture0 ms Reflow

Zero-Reflow Compositing

Анимации рассчитываются строго на GPU (transform3d & opacity). Ноль лишних перерасчетов Layout.

WebGL / GLSL6 Archetypes

Шейдерные Поверхности

Симплекс-шумы, линзовые искажения и каустика с автоматическим засыпанием вне экрана.

Enterprise LicenseWhite-Label

100% Clean-Room IP

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

Obsidian Spotlight Bento Grid

Obsidian Bento-сетка со сквозным световым лучом. Фонарь следует за мышью, мягко подсвечивая скрытые границы карточек без просадки FPS.

RIX-08Per-Glyph Inertia
120 FPS
WOWMOTION

Интерактивный разлет букв на независимых пружинных векторах

Kinetic Typography Exploder

Заголовок, буквы которого живут своей жизнью: при движении курсора они разлетаются в 3D, вращаются и возвращаются с пружинным натяжением.