Component Gallery
A comprehensive library of UI components meticulously crafted for luxury real estate websites and platforms.
Six button variants designed for every UI use case.
Primary Button
Electric blue with white text — for primary actions and CTAs.
Secondary Button
White border with white text — for secondary actions and alternatives.
Accent Button
Neon yellow with black text — for accent points and highlights.
Ghost Button
Transparent with subtle border — for low-emphasis background UI elements.
Icon Button
Icon only, no text — for toolbar and sidebar actions.
Loading Button
Loading state with spinner indicator — for async UI feedback.
Six card patterns for displaying content, properties, and data.
Property Card
Image + title + price + CTA — standard listing card format.
Stat Card
Large number + label + trend — for performance dashboards and metrics.
Team Card
Photo + name + role + social links — team profile card.
Service Card
Icon + title + description + link — service offering card.
Blog Card
Thumbnail + tag + title + excerpt + date.
Testimonial Card
Quote + photo + name + company — client review card.
Consistent form components for data collection and user interaction.
Text Input
Subtle border with blue focus state — standard input field pattern.
Select Dropdown
Uses native select element with custom styling for cross-platform consistency.
Textarea
Resizable with animated label guidance and character counter.
Button Group
Multiple buttons grouped for option selection — for filters and toggle options.
Navigation components for websites and dashboards.
Navbar
Transparent top bar with blur-on-scroll and animated mega menu.
Sidebar
Collapsible sidebar with icon labels and hierarchical categorization.
Breadcrumbs
Hierarchical navigation trail with styled link and separator.
Tabs
Horizontal tabs component with underline animation and lazy content.
Pagination
Page navigation with prev/next buttons and number range display.
Accordion
Collapsible items with smooth animation to reduce information overload.
UI layers above content for confirmations and information.
Modal Dialog
Centered dialog overlay with blurred backdrop and enter/exit animation.
Drawer Panel
Side panel sliding from right or left — for details and filters.
Toast Notification
Temporary corner notification for confirmations, errors, and alerts.
Library Stats
Let's Create Something Amazing
Ready to transform your real estate brand? Book a free consultation and discover how we can elevate your business.