Concept library Zyqor Components

Zyqor Studio · free, MIT

Components, in detail.

14 reusable pieces studied from award-winning sites and from Sujon's own design guide, then rebuilt from scratch. Each one has a live demo, plain HTML, CSS and JavaScript you can copy, and the same quality on a phone as on a laptop.

No frameworkPhone = desktopKeyboard + touchReduced motionSVG icons onlyReal assets onlyCredited
01Scroll-scrubbed 3D stageReal CC0 scan + HDRI; camera and model move through chapter keyframes with scroll; lazy, poster fallback.02Magnetic buttonLeans toward the pointer, fills from the entry point, rolls its label; tap ripple on phones.03Split text revealLine-mask rise, letter flip and scroll-scrub reading highlight; re-measures lines, screen-reader safe.04Liquid glass cardEdge refraction via SVG displacement (Chromium), blur fallback, specular highlight, tilt, draggable.05Sticky storytellingPinned media with chapter wipes, progress line, numbered rail; same on phone.06MarqueeSeamless loop, speeds up with scroll velocity, flips with scroll direction, drag with inertia.07Cursor followerDot + lagging ring, label over work, sticky ring on links, hides over inputs, off on touch.08Image trail and hover revealPointer image trail and a hover-reveal project list that turns into a tap accordion on phones.09PreloaderCounts real bytes of the model/HDRI/images, never flashes on cached loads, panel-wipe exit.10Page transitionCircle reveal from the click point between pages (native View Transitions + fallback) and for a theme switch.11Pricing switcherZyqor's real $300 / $1k / $10k tiers: squish pill, odometer price, ARIA tabs.12Quote carouselNative scroll-snap swipe, mouse drag with inertia, accessible autoplay with Pause; real quotes, no fake reviews.13Mega menuDesktop mega panels with hover intent + keyboard; phone full-screen accordion sheet with focus trap.14Footer with wordmarkGiant per-letter rising wordmark, Gmail-on-desktop / mailto-on-phone, copy email, local time, legal links.