Components
Documentation

Loading...

Documentation

Components

Why these tools

Why These Tools? - Propify.co

^Beta

Propify delivers premium components for modern marketing sites

© Copyright 2025 Propify. All Rights Reserved.

Legal

Terms of Service
Privacy Policy
Refund Policy
Cookie Policy

Why These Tools?

Our Technology Stack

Propify is built on a carefully chosen foundation of modern web technologies. Let's explore why we selected each tool and how they work together.

The Modern Web Development Stack

Building production-ready components requires:

Consistent styling across all components
Accessibility built-in from the start
Type safety for better developer experience
Content management capabilities
Performance optimization

Our stack addresses each of these needs.

Why This Combination Works

The tools we've chosen complement each other perfectly:

Tailwind CSS provides the styling foundation with utility classes
Shadcn UI adds accessible, customizable components on top
Sanity CMS enables structured content management
ties it all together with visual configuration

Propify

This isn't just a random collection of tools - it's a proven stack used by thousands of production applications.

The Benefits You Get

By building on this foundation, every Propify component includes:

Consistent design - Tailwind's design tokens ensure uniformity
Accessibility - Shadcn's Radix UI base provides ARIA compliance
Customization - Full control over styling and behavior
Content flexibility - Sanity schemas for dynamic content
Developer experience - TypeScript support throughout

Framework Agnostic

While our examples use Next.js, Propify components work with:

Next.js (App Router or Pages Router)
Remix
Vite
Create React App
Any React-based framework

The only requirements are React and Tailwind CSS.

Performance First

This stack is optimized for performance:

Tailwind only includes the CSS you actually use
Shadcn components are copied to your project (no runtime overhead)
Tree-shaking removes unused code
Component-level code splitting is supported

Learn More

Dive deeper into each technology:

Tailwind CSS Basics
Shadcn UI Overview
Sanity CMS Integration