Love Istanbul

shadcn/ui Ecosystem Showcase

Complete component library demonstration for Istanbul Explorer

Component Library
70+ Components
Complete shadcn/ui component ecosystem with TypeScript integration

Forms

Navigation

Feedback

Default
Error
Outline

Data Display

CN
Avatar Component
View Documentation
Theme System
CSS-first configuration with OKLCH colors

Color Palette

Primary
Secondary
Accent
Muted

Interactive Demo

Theme Docs
Typography
Comprehensive text hierarchy system

Heading 1

Heading 2

Heading 3

Body text with proper contrast

Small muted text

Font Features

• Inter font family
• Optimized for readability
• Dark mode support
Interactive Components
Hover cards, dialogs, and advanced interactions

Tabs Demo

Lucide Icons
Beautiful & consistent icon library

Istanbul Explorer Icons

MapPin
Camera
Compass
Heart
Star
Github

Usage Example

import { MapPin } from "lucide-react" <MapPin className="w-4 h-4" />
Icon Docs
Database Integration
Supabase connection ready for Istanbul Explorer

Connection Status

Supabase Connected

Available Features

• Real-time database
• Authentication system
• File storage
• Edge functions

Project Context

Project: Istanbul Explorer
User: Haidar
Environment: Development

This dashboard demonstrates the complete shadcn/ui ecosystem integration. All components are production-ready and fully typed with TypeScript.

Back to HomeView Starter Kit