BLOCKS / INTERACTIVE
Slider block
A Swiper.js-powered carousel. Full-width heroes, peek carousels, fades, and multi-card grids, all from one block.
Full-width hero, one slide per view
isFullWidth plus slidesSm/Md/Lg all set to 1 gives the classic banner slider. loop keeps it circular, and modernBullets renders a pill-shaped active dot.
Peek carousel, centered slides
slidesSm/Md/Lg accept decimals like 1.15 or 1.3, so neighboring slides peek in from the edges. centerSlides keeps the active one in the middle.
Multi-card carousel
slidesLg set to 3.3 shows three full cards plus a sliver of the fourth, a common pattern-page/portfolio layout. loop is off here since the item count is fixed.
BRANDING
Orbital identity system
WEB DESIGN
Layerstack dashboard
BRANDING
Orbital identity system
PRODUCT
Compass AI onboarding
PRODUCT
Compass AI onboarding
WEB DESIGN
Layerstack dashboard
Coverflow effect, dark background
sliderEffect set to coverflow tilts the side slides in 3D. Pairs naturally with centerSlides so the active card faces forward at full size.