[ Component Library ]
NRMLSS Components
Premium UI components ported from the NRMLSS design system, optimized for HAUS.
Scroll ↓
Component / Copy
Text Animation
Slide Animation
Lines slide up elegantly from below.
Flicker Animation
Characters appear randomly with scramble effect.
Usage
import { Copy } from '@/components/nrmlss';
<Copy type="slide" delay={0.5}>
<h1>Your Headline</h1>
</Copy>
<Copy type="flicker">
<p>Text with scramble effect</p>
</Copy>HAUS OS
Intelligence Meets Elegance
HAUS combines cutting-edge AI with decades of real estate expertise. Every interaction surfaces insights that matter.
No noise. No friction. Just intelligent systems working seamlessly to transform property discovery.
Usage
import { TextBlock } from '@/components/nrmlss';
<TextBlock
label="HAUS OS"
title="Intelligence Meets Elegance"
description={["Line 1", "Line 2"]}
size="lg"
/>THE FUTURE OF REAL ESTATE IS HERE THE FUTURE OF REAL ESTATE IS HERE THE FUTURE OF REAL ESTATE IS HERE THE FUTURE OF REAL ESTATE IS HERE
INTELLIGENCE MEETS ELEGANCE INTELLIGENCE MEETS ELEGANCE INTELLIGENCE MEETS ELEGANCE INTELLIGENCE MEETS ELEGANCE
Usage
import { MarqueeBanner } from '@/components/nrmlss';
<MarqueeBanner
text="YOUR TEXT HERE"
speed={40}
direction="left"
parallax={true}
/>HAUS OS
Your
Personal
Real
Estate
Intelligence
Module:HAUS_001
Status:Active
Peel reveal
TheFutureofLiving
HAUSAI
Experience the future of property discovery with AI-powered intelligence and personalized recommendations.
Your Journey Starts Here
Reference
Components
DotMatrix
WebGL animated dot grid
Copy
Text animations
NRMLSSPreloader
Loading animation
MarqueeBanner
Parallax text
PeelReveal
Image reveal
TextBlock
Typography section
NRMLSSCta
Call-to-action
ContactForm
Newsletter form
NRMLSSMenu
Navigation
Usage
Usage
import { Copy, DotMatrix } from '@/components/nrmlss';
<Copy type="flicker" delay={0.5}>
<h1>Your Headline</h1>
</Copy>