Directus Collaboration Layer Visualization

An interactive 3D visualization of the Directus collaboration layer architecture, built with Three.js and TypeScript.

Features

• Interactive 3D visualization of the architecture layers
• Beautiful animations and transitions
• Detailed information panels for each layer
• Responsive design
• Modern UI with Directus' signature purple theme

Tech Stack

• Three.js for 3D rendering
• TypeScript for type-safe code
• GSAP for animations
• Vite for building and development
• CSS for styling

Development

# Install dependencies
npm install

# Start development server
npm run dev

# Build for production
npm run build

# Preview production build
npm run preview

Deployment

This project is configured for deployment on Netlify. To deploy:

1. Push your code to a GitHub repository
2. Connect your repository to Netlify
3. Netlify will automatically detect the build settings from netlify.toml
4. The site will be built and deployed automatically

License

ISC