A mesmerizing showcase for AI-Human collaboration experiments in interactive development
- 🌌 Quantum 3D Background - 4D tesseracts, particle systems, sacred geometry
- 🔮 Glassmorphism UI - Beautiful semi-transparent interface
- 📊 Smart Categories - AI Tools, Data Viz, Web Apps, Book Apps, Games, Experiments
- 🎯 Intelligent Scrolling - Mouse-aware scroll zones
- ⚡ Auto-Deploy - Drop
.jsxfiles → Auto-deploy to Netlify
git clone https://github.com/quantum-vector-io/quantum_vector_artifacts.git
cd quantum_vector_artifacts
npm install
npm run devCreate a new .jsx file in src/artifacts/:
export const metadata = {
title: "Your Amazing Tool",
category: "web-apps",
tags: ["React", "Cool"],
color: "#00ff88",
description: "Does something incredible"
};
const YourTool = () => {
return <div>Your artifact here</div>;
};
export default YourTool;- Frontend: React 18, Vite
- 3D Graphics: Three.js
- Styling: Tailwind CSS
- Deployment: Netlify
- Architecture: File-based artifacts
- 📊 Data Visualization - Charts, graphs, interactive data tools
- 🤖 AI Tools - Machine learning, automation, smart assistants
- 💻 Web Apps - Productivity tools, utilities, web services
- 📚 Book Apps - Reading tools, library management, literature tech
- 🎮 Games - Interactive entertainment, educational games
- 🧪 Experiments - Proof of concepts, creative coding, research
📋 View Full Artifacts Roadmap - Complete list of 76 planned artifacts across 10 tiers
Current Status:
- ✅ Implemented: Deep Work OS (Productivity System)
- 🔄 Next Priority: Smart Password Generator, QR Code Studio, Color Palette Generator
- 📋 Total Planned: 76 artifacts across all categories
- Fork the repository
- Create a feature branch:
git checkout -b feature-name - Add your artifact in
src/artifacts/ - Commit changes:
git commit -m 'Add new quantum artifact' - Push to branch:
git push origin feature-name - Submit a pull request
MIT License - feel free to use this for your own quantum experiments!
"Where curiosity meets code, magic happens"
Built with quantum love and digital dreams 🌌
Made by Mykola Rudenko | LinkedIn | X/Twitter | Threads | Instagram