the lab
A collection of UI components built across nrthbnd studio projects.
Heroes, navigation, scroll reveals, text effects. Built in React, styled to ship. Copy what you need.
NEW4D AGO
Osmo Stacked Cards Slidercarousels
NEW4D AGO
Rhode Half Product Imagecarousels
1W AGO
Osmo Arc Scroll Transitionpage-transitions
1W AGO
The Line Page Flippage-transitions
1W AGO
The Line Page Pullpage-transitions
1W AGO
The Line Cel Deckscroll-parallax
2W AGO
Osmo Magnetic Cursorcursor-effects
4W AGO
Atomic Projects Indexgalleries
1MO AGO
Osmo Expanding Bottom Navnavigation
1MO AGO
Judith Services Indexfeatures-process
1MO AGO
BeNorth Project Stripgalleries
1MO AGO
BeNorth Exo Ape Hero Comboheroes
1MO AGO
Exo Ape Play Reelscroll-parallax
1MO AGO
Garoa Parallax Video Scrollscroll-parallax
1MO AGO
Relai Parallax Scroll Heroscroll-parallax
1MO AGO
BeNorth Taglineabout-story
1MO AGO
Milk Scenarios & Expertiseabout-story
1MO AGO
Milk Methodology Stackfeatures-process
1MO AGO
Milk What We Dofeatures-process
1MO AGO
Trionn Services Deckfeatures-process
1MO AGO
BeNorth Reelgalleries
1MO AGO
Lamalama Case Listgalleries
1MO AGO
BeNorth Sticker Heroheroes
1MO AGO
Signifly Theme Fadepage-transitions
2MO AGO
Inkfish Work Gridgalleries
2MO AGO
Willem Loading Animationloaders
2MO AGO
Newsroom Bandblog-news
2MO AGO
Newsroom Cardblog-news
2MO AGO
Split Vignettecursor-effects
3MO AGO
Infinite Card Carouselcarousels
3MO AGO
Cursor Repel Textcursor-effects
3MO AGO
Pill Header Overlaynavigation
3MO AGO
Infinite Draggable Gridgalleries
3MO AGO
Text Flipping Boardtext-effects
3MO AGO
Intro Sectionheroes
4MO AGO
Tabbed Contentaccordions-tabs
4MO AGO
Collection Slidercommerce
4MO AGO
UGC Gallerygalleries
4MO AGO
Press Marqueemarquees
4MO AGO
Review Carouseltestimonials
4MO AGO
Split Testimonialtestimonials
4MO AGO
Dual Push Cardsfeatures-process
4MO AGO
Hero Aboutheroes
4MO AGO
Portfolio Gridgalleries
4MO AGO
Hero Brandheroes
4MO AGO
Nav Slide Panelnavigation
4MO AGO
Logo Wall Cyclemarquees
5MO AGO
Cursor Hover Labelcursor-effects
5MO AGO
Slide Pillarsfeatures-process
5MO AGO
Case Overview Scrollgalleries
5MO AGO
Hero Slit Revealheroes
5MO AGO
Nav Agency Gridnavigation
5MO AGO
Section Transition Systempage-transitions
5MO AGO
Text Reveal Systemtext-effects
5MO AGO
Nav Glassmorphicnavigation
5MO AGO
Process Stepsfeatures-process
5MO AGO
Editorial Introabout-story
5MO AGO
Product Feature Gridcommerce
5MO AGO
Instagram Feedgalleries
5MO AGO
Testimonial Gridtestimonials
5MO AGO
About Introabout-story
5MO AGO
Who We Areabout-story
5MO AGO
Services Accordionaccordions-tabs
5MO AGO
Video Strip Revealheroes
5MO AGO
Parallax Image Bandscroll-parallax
5MO AGO
About Sectionabout-story
5MO AGO
Sticky Aboutabout-story
5MO AGO
Blog Grid Revealblog-news
5MO AGO
Gallery Image Revealgalleries
5MO AGO
Product Cardcommerce
5MO AGO
Product Card Gridcommerce
5MO AGO
Centered Introabout-story
5MO AGO
Article Gridblog-news
5MO AGO
Card Slidercarousels
5MO AGO
Product Detail Pagecommerce
5MO AGO
Video Media Sectiongalleries
5MO AGO
Video Heroheroes
5MO AGO
Nav Minimalnavigation
5MO AGO
FAQ Sectionaccordions-tabs
5MO AGO
Cascading Slidercarousels
5MO AGO
Floating Gallerycursor-effects
5MO AGO
Refracted Glasscursor-effects
5MO AGO
Double Gallerygalleries
5MO AGO
Layout Grid Flipgalleries
5MO AGO
Masonry Gridgalleries
5MO AGO
Pixelate Imagehover-reveals
5MO AGO
Reveal Grouphover-reveals
5MO AGO
Nav Barnavigation
5MO AGO
Nav Menu Panelnavigation
5MO AGO
Shutter Sectionpage-transitions
5MO AGO
Flip Scale Sectionscroll-parallax
5MO AGO
Horizontal Scrollscroll-parallax
5MO AGO
Parallax Galleryscroll-parallax
5MO AGO
Line Reveal Testimonialstestimonials
5MO AGO
Testimonial Slidertestimonials
5MO AGO
Highlight Texttext-effects
5MO AGO
Looping Wordstext-effects
5MO AGO
Rotating Texttext-effects
5MO AGO
Button Bubble Arrowbuttons
5MO AGO
Blurry Cursorcursor-effects
5MO AGO
Header Text Line Revealheroes
5MO AGO
Clip-Path Inset Revealhover-reveals
5MO AGO
Clip-Path Polygon Card Revealhover-reveals
5MO AGO
Clip-Path Polygon Video Revealhover-reveals
5MO AGO
Divider Width Expandhover-reveals
5MO AGO
Emoji Pill Spring Revealhover-reveals
5MO AGO
Image Scale on Hoverhover-reveals
5MO AGO
Label Rolloverhover-reveals
5MO AGO
Counter Loading Screenloaders
5MO AGO
Full Orchestrated Load Sequenceloaders
5MO AGO
Infinite Tickermarquees
5MO AGO
Staggered Nav Dock Entrancenavigation
5MO AGO
GSAP Crossfade Transitionpage-transitions
5MO AGO
Curve SVG Wipepage-transitions
5MO AGO
Inner Perspective Transitionpage-transitions
5MO AGO
Pixel Blocks Transitionpage-transitions
5MO AGO
Pixel Curtain Transitionpage-transitions
5MO AGO
Pixel Grid Transitionpage-transitions
5MO AGO
Scale + Slide From Left Transitionpage-transitions
5MO AGO
Scale Up Transitionpage-transitions
5MO AGO
Slide Up Transitionpage-transitions
5MO AGO
Stairs Wipepage-transitions
5MO AGO
View Transitions APIpage-transitions
5MO AGO
CSS Sticky Videoscroll-parallax
5MO AGO
Heading Scroll Parallaxscroll-parallax
5MO AGO
Parallax Image in Cardscroll-parallax
5MO AGO
Parallax Scrollscroll-parallax
5MO AGO
Sticky Cards Parallaxscroll-parallax
5MO AGO
Zoom Parallaxscroll-parallax
5MO AGO
SplitText Line Revealtext-effects
5MO AGO
Big Typo Scroll Previewtext-effects
1Y AGO
Footer Parallax Textfooters
1Y AGO
Card Overlay Fadehover-reveals
1Y AGO
Nav Panel Height Expandnavigation