Artemis Web

🌐 The Official Website for Artemis IDE

Beautiful, modern landing page showcasing the Artemis IDE project.

---

✨ Features

Modern Landing Page Built With:

• Next.js 14 — React framework with App Router for optimal performance
• TypeScript — Type-safe development
• Tailwind CSS — Utility-first styling
• Framer Motion — Smooth animations and transitions
• Lucide React — Beautiful icon set
• next-themes — Dark/light mode support

Interactive Components:

• Live IDE demo with animated code typing
• MCP Marketplace showcase
• Security features visualization
• Responsive design for all screen sizes

---

📦 Releases

Download the latest version of Artemis IDE from the GitHub Releases page.

---

📁 Project Structure

ArtemisWeb/
├── public/              # Static assets (images, etc.)
├── src/
│   ├── app/            # Next.js App Router pages
│   │   ├── layout.tsx  # Root layout
│   │   ├── page.tsx    # Home page
│   │   └── globals.css # Global styles
│   └── components/     # React components
│       ├── LiveDemo.tsx       # Interactive IDE demo
│       ├── MCPMarketplace.tsx # MCP servers showcase
│       ├── Security.tsx       # Security features
│       ├── MoreFeatures.tsx    # Additional features
│       └── ...
├── .gitignore
├── next.config.js
├── package.json
├── tailwind.config.ts
└── tsconfig.json

---

🎨 Customization

Theme Colors

The website uses CSS variables for theming. Update in src/app/globals.css:

:root {
  --primary: #d4a853;
  --accent: #d4a853;
  /* ... more variables */
}

Content

Edit component files in src/components/ to update:

• Feature descriptions
• MCP server list
• Security features
• Demo animations

---

📝 License

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

What MIT License Means:

• ✅ Free to use, forever
• ✅ Can modify and distribute
• ✅ Commercial use allowed
• ✅ Must include license and copyright
• ⚠️ No warranty provided

---

🌐 Deployment

Vercel (Recommended)

npm install -g vercel
vercel

Netlify

npm run build
# Deploy the .next folder

---

🙏 Acknowledgments

Artemis Web is built with:

• Next.js — React framework
• React — UI library
• Tailwind CSS — Styling
• Framer Motion — Animations
• Lucide — Icons

---

🌐 Connect & Support

If you like Artemis, consider supporting the project! 💛

💬 Get in Touch

• Discord — Add me: 767347091873595433
• GitHub Issues — Report bugs or request features
• Stars ⭐ — Give it a star on GitHub!

---

Built with 🔥 by Foxemsx