me20.
/

me20 / магазин

Набори скляного UI.

Анімовані компоненти в стилі glassmorphism, які можна вставити в будь-який сайт: чистий HTML, React або конструктор, що приймає свій код. Без бібліотек і без Figma, яку треба перекладати в код, — одразу готовий код.

Скоро запуск скляних компонентів. Запишіться — і в день запуску отримаєте −30%.

Glass Navigation

Скоро

Шість меню з рідкого скла плюс кнопки, картки й оверлеї в тому ж стилі.

Що всередині

  • 6 навігаційних меню: скляна лінза, темний неон, bounce, неонова хвиля, прожектор, плаваюча кнопка
  • Кнопки й елементи керування: CTA з бульбашками, 3 стилі кнопок, перемикач, сегментований вибір, чипи-фільтри
  • Картки й оверлеї: картка контенту й картка з ціною, модальне вікно, тост, підказка, панель для дашборду
  • Підлаштовується під телефон, клавіатура, спокійний режим, власні кольори
HTMLReactWeb Component

Glass Carousel

Скоро

Ваші відео й фото на скляних картках у 3D, а фон рухається разом з ними.

Що всередині

  • 4 режими: 3D-коло, coverflow, стопка карток, віяло — перемикаються одним атрибутом
  • Картки з відео або фото; грає тільки активне відео, тому легко на телефоні
  • Живий фон: активна картка, розмита за склом
  • Скляний плеєр (назад, вперед, автопрокрутка, лайк, відкрити) і скляне вікно з описом
  • Свайп з інерцією, стрілки, підписи для скрінрідерів, спокійний режим
HTMLReactWeb Component

Glass Moments

Скоро

П'ять скляних компонентів, і в кожного свій «вау».

Що всередині

  • Висячий бейдж: тягніть, кидайте й перевертайте — справжня фізика
  • Поле коду (OTP): конфеті на правильний код і трусіння на неправильний
  • Кнопка завантаження, що перетворюється на кільце прогресу й галочку
  • Лайк з вибухом сердечок і лічильником-барабаном
  • Рідкий перемикач, що перетікає, як крапля
  • Клавіатура, скрінрідери, спокійний режим
HTMLReactWeb Component

Найвигідніше

Усі три: Navigation, Carousel, Moments

Усі скляні компоненти, які є зараз, і всі майбутні оновлення.

39 €

економія 18 €

Ліцензії

  • Одна ліцензія для всіх: на ваших сайтах і застосунках та в проєктах для клієнтів, без ліміту.
  • Не можна: перепродавати чи викладати сам набір як шаблон або бібліотеку компонентів.

Питання

Що я отримаю після покупки?

Архів з усіма компонентами продукту (HTML і веб-компонент, який працює і в React), коротку інструкцію та приклади. Оновлення безкоштовні.

Яка ліцензія мені потрібна?

Вона одна. Покриває ваші проєкти й роботу для клієнтів. Не можна лише перепродавати сам набір.

Чи працює з Webflow, Framer або WordPress?

Так, будь-де, куди можна вставити свій код: один тег script і один HTML-тег. У React і Next.js — готовий компонент із типами.

Чи є файл Figma?

Поки ні — набори зроблені одразу в коді. Кожен компонент можна спробувати наживо в демо до покупки.

Чи можна спершу спробувати?

Так — шість скляних навігацій безкоштовні на окремій сторінці.

Зроблено в me20 Studio, AI-студії у Варшаві. me20.studio