• 🎯 Physics-Based Animations - Realistic spring dynamics and motion control
• ⚡ High Performance - 60fps animations optimized for real-time applications
• 🤖 Robotics & AI Ready - Perfect for control systems, sensor visualization, and autonomous systems
• 📦 150+ Components - Copy-paste ready with zero configuration
• 🎨 Tailwind CSS Integration - Modern, customizable styling
• 🔧 TypeScript Support - Full type safety and IntelliSense
• 📱 Responsive Design - Works seamlessly across all devices
• ♿ Accessible - WCAG compliant components

• Framework: React 19
• Build Tool: Vite 6
• Language: TypeScript
• Styling: Tailwind CSS
• Icons: Lucide React
• Fonts: Space Grotesk, Inter, JetBrains Mono
• Animation: Spring Physics Engine

• Node.js (v18 or higher)
• npm or yarn

npm run build

npm run preview

This project is optimized for Vercel deployment:

1. Push your code to the ZenOtion organization repository
2. Connect your repository to Vercel
3. Vercel will automatically detect Vite and deploy

✅ Comprehensive Meta Tags - Including robotics, automation, AI, and physics keywords
✅ JSON-LD Structured Data - Schema.org markup for better search visibility
✅ Sitemap & Robots.txt - Optimized for search engine crawling
✅ Open Graph & Twitter Cards - Enhanced social media sharing
✅ Canonical URLs - Prevent duplicate content issues
✅ Performance Optimized - Fast load times for better SEO rankings

ZenOtion provides production-ready source code for all 150+ components. You can easily integrate them into your project:

1. Browse Components: Navigate to any component demo.
2. View Source: Switch to the Source Code tab in the demo viewer.
3. Copy: Click the Copy button to get the exact code used.

To use the code as-is, ensure your project has the following:

• React 18+
• Tailwind CSS (for styling)
• Lucide React (for icons):

  npm install lucide-react

Note: Some animations use a custom useSpring hook. If you see a missing import, you can either:

• Copy our useSpring hook to your project.
• Replace it with framer-motion or react-spring if preferred.

Contributions are welcome! Please feel free to submit a Pull Request.

This project is licensed under the MIT License - see the LICENSE file for details.

• Live Demo: https://zenotion.com

• Robotics Control Interfaces - Visualize motion planning and kinematics
• AI/ML Dashboards - Real-time model performance visualization
• Automation Systems - Monitor and control industrial processes
• Interactive Simulations - Physics-based educational tools
• Gaming UI - Smooth, responsive game interfaces
• Data Visualization - Animated charts and graphs