← Vissza a főoldalra

Komponens-könyvtár — élőben

Kész HTML/CSS elemek, JavaScript nélkül. Ha a weboldalad egy régi, elavult rendszeren fut, ezekkel a blokkokkal modern, prémium megjelenést kap — gyorsan, a meglévő oldaladon belül. Görgess, és próbáld ki: a legtöbb elem hoverre és mobilon is él.

Vizuális CSS capability-k

Glassmorphism
Backdrop-filter üveg hatásHasználható prémium navhoz, popuphoz, overlayhez vagy card UI-hoz.
Glass layerBlur + átlátszó overlay
Clip-path
Diagonális formaModern SaaS jellegű szekciók, ferde vágások és kampányblokkok készíthetők vele.
Clip-path
shape
Blend
Mix-blend-mode layerKépek és brand színek látványos keverése prémium kampányhangulathoz.
Blend mode
Parallax
Parallax illúzióDesktopon fix háttérrel cinematic storytelling hatás hozható létre.
Parallax feeling
Fullscreen
Fullscreen heroNagy vizuális nyitószekció, kampány landing vagy app splash jellegű bemutatókhoz.

Fullscreen visual layer

100vh jellegű, nagy hatású vizuális nyitóblokk HTML/CSS-only környezetben.

Hover
Hover microanimationDesktopon prémium interakciós érzetet ad kártyáknak és CTA elemeknek.
Hover interaction
5 category motion wall

Éttermekre szabott vizuális rendszer

Aszimmetrikus kategóriafal hover frame effekttel, prémium iparági ajánláshoz és partnerprezentációhoz.

Pizzériák
KategóriaPizzériákGyors rendelés, látványos étlap és erős mobilos rendelési élmény.
Gyorséttermek
KategóriaGyorséttermekAkciók, kombók és app-szerű rendelési felület gyors döntési helyzetekre.
Éttermek
KategóriaÉttermekPrémium bemutatkozás, hangulatépítés és online rendelési frontend réteg.
Kávézók
KategóriaKávézókHangulat, napi ajánlatok és mobil-first információs oldal.
Pékségek
KategóriaPékségekFriss kínálat, napi kommunikáció és elviteles rendelési támogatás.
5 iparág egy prémium falban
Neon hover frame desktop interakció
Mobilon scroll-snap kártyasor
HTML/CSS-only builder-kompatibilis

Mobile UX showcase

A vendégélmény nagy része mobilon történik. Ez a blokk azt mutatja meg, hogyan lehet app-szerű, érintésbarát, swipe-os felületet építeni.

Mobile firstApp-szerű rendelési élmény
Kiemelt ajánlatSwipe-szerű kártyaélmény mobilon.
Friss vizuálEgységes képarány és app feeling.
Mobil card UIJS nélkül húzható kártyasor.
Scroll-snap sliderAktív
Object-fit képekStabil
Touch UXMobilbarát
Mobile UXNem csak reszponzív, hanem mobilra tervezettA széles desktop blokkok mobilon külön képsávra, külön tartalmi részre és swipe-os kártyasorokra bonthatók.
Swipe kártyasorScroll-snap alapú, kézzel húzható kártyák JavaScript nélkül.
App-szerű UIKompakt kártyák, státusz sorok, mobilos tartalmi ritmus.
Gyors újrahasználatUgyanez a minta ajánlatokra, app promóra vagy feature showcase-re is használható.
Food delivery érzésMobilon is modern, prémium rendelési felület érzetét kelti.
HeroOverlayStateMobile
Showcase CTA
Complex layered hero

Prémium kampány header

Slideshow, glass nav, manuális pöttyök, nyilak, blur layer és fix overlay tartalom egyetlen hero rendszerben.

Mai ajánlatAsztalfoglalás
Manual sliderRadio input és label alapú váltás JavaScript nélkül.
Glass overlayBackdrop-filter alapú prémium vizuális réteg.
Slideshow layerTöbb háttérkép egy rétegelt hero rendszerben.
Overlay contentFix headline, CTA és card rétegek a képek felett.
State engineRadio/label alapú manuális vezérlés JS nélkül.
Mobile layoutMobilon külön képsáv, pöttyök és tiszta tartalmi blokk.