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