Web micro-interactions
feel extremely premium.
Pure CSS · Tree-shakeable · Zero dependencies · Compositor-thread only
Motion Catalog
Hover over cards to preview micro-animations, then click Customize & Copy to configure parameters.
GateWipe
Architectural transition. Fluid, n-striped gates part to seamlessly reveal the underlying viewport.
StepTransition
Sıçramasız Adımlı Form Geçişi. Adımlar arasında geçiş yaparken, yeni formu yatayda içeri kaydırırken (slide), dış kapsayıcının yüksekliğini de yeni formun boyutuna göre yağ gibi esneterek büyütür veya küçültür, sayfa zıplamasını (layout shift) tamamen yok eder.
ElasticSlide
A notification toast that slides in with a highly-tuned, physics-based rubber band overshoot.
BorderBurn
A high-contrast border perimeter that burns down like a fuse before the element dissipates.
CSKillfeed
CS 1.6 Tactical Feed. Notification items render as standard HUD kill events, accompanied by synthesized headshot audio.
BlueprintScanner
Izgara tarama loaderı. A technical grid blueprint pattern that sweeps a neon laser line, illuminating grids with mechanical scan chirps.
OrganicSidebar
A navigation drawer that abandons straight lines, morphing along a dynamic, organic bezier curve.
StaggeredDock
A tactile, proximity-aware navigation dock. Elements scale fluidly along a smooth curve as you hover.
LiquidTabs
Segmented controls with an active indicator that stretches and morphs fluidly between options.
OrigamiFold
3D katlanma akordeonu. Expandable panels that rotate X in 3D perspective space, opening like paper flaps.
LiquidMagnetTabs
Gooey magnetic tabs. Selector pill stretches, pinches, and snaps elastically like chewing gum, keeping tab text crisp and legible.
CommandPalette
Cmd+K Modern Açılışı. Desktop-class Cmd+K action modal. Sweeps into view with scale-blur transitions while subtly scaling down the background viewport to inject spatial depth.
ElasticTabs
Esnek Menü / Fiyatlandırma Çizgisi. Tactile sub-navigation tabs. The active indicator stretches and snaps elastically towards selection coordinates using a fine-tuned cubic-bezier profile.
AdaptiveDock
Dinamik Ada Menü Kısayolu. Ekranın altında sadece minik, yuvarlak bir FAB olarak bekler. Sayfa yukarı kaydırıldığında veya imleç yaklaştığında pürüzsüzce genişleyerek hızlı aksiyon menüsüne dönüşür.
MorphingHeader
Akıllı Daralan Cam Menü. Sayfa en tepedeyken büyük, şeffaf ve geniş duran header; kullanıcı sayfayı 100px kadar aşağı kaydırdığı an pürüzsüzce küçülür, kenarları yuvarlanır, ekrandan bağımsız bir bento-kapsül yapışkan menü haline gelir.
Get early access to premium transitions
Support Tahost and unlock advanced compositor-friendly widgets and premium micro-interactions.