Description

✨ Key Features

🏠 Hero Section with GitHub Integration

• ReactFlow branding with custom SVG icon
• GitHub Star/Fork buttons with real counts (18.2k stars, 1.8k forks)
• Live stats: 2M+ weekly downloads, 50k+ projects
• Interactive demo with animated node connections
• Animated gradient background that shifts colors continuously

💻 NPM Installation Examples

• Three installation methods: NPM, Yarn, and PNPM
• Copy-to-clipboard functionality for all install commands
• Tabbed code examples (Basic vs Advanced usage)
• TypeScript-ready with full code snippets

🎨 Dark/Light Theme Toggle

• Smooth theme switching with CSS custom properties
• Persistent theme preference stored in localStorage
• Animated toggle button with rotation effect
• Complete color system for both themes

🌈 Animated Gradient Background

• 5-color gradient that continuously shifts (Blue, Purple, Cyan, Green, Orange)
• Different opacity for light/dark themes
• Performance optimized with CSS animations
• Reduced motion support for accessibility

🚀 Interactive Features

• Live code demos with syntax highlighting
• Floating demo nodes with hover effects
• Scroll-triggered animations throughout the page
• Mobile-responsive design with hamburger menu
• Keyboard navigation support

🛠️ Developer-Focused Content

• 6 key features with code snippets for each
• Real-world examples: Workflow Builder, System Architecture, Mind Mapping
• Community links: GitHub, Discord, Documentation
• Complete footer with version badge and legal links

💰 Pricing: $15 (Perfect fit for your $10-$20 range)

🎯 Technical Highlights

• Modern CSS Grid/Flexbox layouts
• CSS Custom Properties for theming
• Intersection Observer API for performance
• Prism.js for syntax highlighting
• Font combinations: Inter + JetBrains Mono + Space Grotesk
• Accessibility features and keyboard navigation
• Performance optimizations and lazy loading