text-4xl font-bold
text-3xl font-semibold
text-2xl font-medium
text-xl font-medium
Body text: The quick brown fox jumps over the lazy dog.
text-base
Small text: The quick brown fox jumps over the lazy dog.
text-sm
Primary
bg-primary
Secondary
bg-secondary
Background Light/Dark
bg-gray-100 / bg-gray-800
Surface Light/Dark
bg-white / bg-gray-900
Error message here
This is a simple card with some content. Lorem ipsum dolor sit amet.
A card with an image at the top.
This card has a hover effect and a button.
The site header with navigation, shown on all pages. Includes responsive mobile navigation and dark mode toggle.
The site footer with navigation, social links, and newsletter signup.
Toggle for switching between light and dark mode.
Skeleton loaders for showing loading states.
Newsletter signup form with background and visual elements.
Custom web solutions from responsive websites to complex web applications. Built with modern frameworks for performance and scalability.
Keep your website secure, up-to-date, and performing optimally with comprehensive maintenance services.
Speed up your website with comprehensive optimization that improves user experience and conversion rates.
Outsourced development for agencies looking to expand service offerings without expanding their team.
Strategic guidance on tech stack selection, architecture decisions, and search engine optimization to maximize your online presence.
Services section highlighting key offerings.
Contact form with validation and submission handling.
This section will be expanded with interactive component previews and an ability to view component props and attributes.
Select a component to preview