← Grigogo
Grigogo UI· 53 компонентов· 0 зависимостей

Растущая библиотека выразительных React-компонентов: текстовые эффекты, интерактив, элементы интерфейса и шейдерные фоны. Каждый компонент — один файл, который принадлежит вам, а каждый параметр вынесен на фейдер: настройте его до того, как вставить в проект.

01 — Живые компоненты

Всё ниже работает, а не записано на видео.

Наводите, кликайте, тяните. Это те же компоненты, что вы скопируете, — с настройками по умолчанию.

Фрагментный шейдерСвет, по кругу.
№ 043Aurora
Хроматика
№ 003Gradient Text
№ 019Comet Border
№ 031Dock
кадров в бюджете
№ 005Count Up
НАВЕДИ И РАСШИФРУЙ
№ 002Scramble Text
НаведитеПодсвечено курсором
№ 030Spotlight Card
№ 07 — Сторона АСигнал и шум
№ 029Tilt Card
Рисуйте по сетке.
№ 044Squares
Готовлю превью…
№ 004Shiny Text
02 — Как работать

Выбрал. Настроил. Вставил.

  1. 1
    Split TextScramble TextGradient TextShiny TextCount Up

    Выберите компонент

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

  2. 2
    stagger
    blur
    ease

    Покрутите ручки

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

  3. 3
    import SplitText from './SplitText' <SplitText stagger={35} />

    Вставьте — и он ваш

    Один файл, иногда два. Не нужно ставить пакет, обновлять версии, ничего не спрятано.

Пусть интерфейс дышит.

Смотреть компоненты