Frontend
Astro
The primary framework for our website. Astro enables shipping less JavaScript with its island architecture, providing excellent performance out of the box.
React
Used for interactive components like the carousel and dynamic UI elements. Combined with Astro’s client:only directive for optimal loading.
Tailwind CSS
Utility-first CSS framework for rapid UI development. Allows us to maintain a consistent design system across the entire website.
TypeScript
Adds type safety to our JavaScript code, catching errors during development and improving code maintainability.
Carousel & UI
Embla Carousel
A lightweight carousel library for showcasing our projects and lore entries. Fully customizable with smooth animations.
Tabler Icons
Beautiful, consistent icon library used throughout the website for navigation, actions, and visual cues.
Backend & Database
PocketBase
Lightweight backend for Warframe Tools app. Provides authentication, database, and real-time subscriptions in a single binary.
Fonts
Google Fonts
We use Google Fonts to deliver custom typography that matches our brand identity.
Maps
OpenStreetMap
Free, open-source map service used to display our physical location on the website.
Analytics
Umami Analytics
Privacy-focused, open-source website analytics. Self-hosted for full control over data collection.
Communication
Discord
Our community platform. We embed the Discord widget to help visitors join our community directly from the website.
App Distribution
Google Play Store
Distribution platform for our Android applications, including Warframe Tools.
Design Assets
Custom SVG Graphics
All branding elements including logos, icons, and decorative graphics are custom-designed and created in-house using Inkscape.
Development Tools
Bun
JavaScript runtime and package manager used for development. Provides faster installation and execution compared to traditional Node.js.
Visual Studio Code
Our primary code editor with extensions for Astro, React, TypeScript, and Tailwind CSS.
Inkscape
Vector graphics editor used for creating SVG assets, logos, and decorative elements.