слайдеры
Built by Luneka Lab digital agency

Glass Tabs Slider

Полезен для feature tabs, UI-презентаций, тарифных блоков и компактных продуктовых сравнений.

React stateBackdrop blur
Готовый сниппет для переноса

У каждой демки есть React-компонент, который можно скопировать и адаптировать под HTML embed или кастомный блок в Tilda. Библиотека собрана Luneka Lab как showroom motion-подходов для клиентских сайтов.

Написать намРаботать с нами
Назад в библиотеку
Загрузка сцены
React component

Glass Tabs Slider

'use client';

import { useState } from 'react';

const tabs = ['Atlas', 'Signal', 'Prism'];

export function GlassTabsSlider() {
  const [active, setActive] = useState(0);

  return (
    <div>
      {tabs.map((tab, index) => <button key={tab} onClick={() => setActive(index)}>{tab}</button>)}
      <div>{tabs[active]}</div>
    </div>
  );
}