The community hub for developers building on Arbitrum Stylus.
Live Site · Ecosystem Directory · Contribute a Project
StylusUp is a community-owned resource hub and ecosystem explorer for Arbitrum Stylus — the execution environment that lets developers write smart contracts in Rust, C, C++, and other languages that compile to WebAssembly.
It brings together:
- 🗺 Ecosystem Directory — A searchable, filterable directory of projects, tools, SDKs, and protocols built with Stylus
- 📚 Learning Resources — Curated guides, tutorials, and videos for new and experienced builders
- ⚡ Spotlight Search —
⌘Kspotlight-style search across the entire catalog - 🔗 Community Hub — Links to grants, DAOs, GitHub, Discord, and socials
The project data is entirely community-maintained via Pull Requests — no backend, no database.
| Feature | Details |
|---|---|
| Ecosystem Directory | Filter by category, language, funding source, and status |
| Project Detail Pages | Per-project pages with description, Stylus integration, highlights, and links |
| Spotlight Search | ⌘K / Ctrl+K fuzzy search across all projects and resources |
| Submit a Project | PR-based contribution flow (edit public/projects.json) |
| Page Transitions | Smooth CSS fade-in transitions between routes |
| Fully Responsive | Mobile-first, works on all screen sizes |
- Framework: React 18 + Vite
- Routing: React Router v7
- Styling: Tailwind CSS v4
- Icons: Lucide React
- Deployment: Vercel (auto-deploy on push to
main)
# 1. Clone the repo
git clone github.com/stylus-developers-guild/stylusup.sh
cd stylusup.sh
# 2. Install dependencies
npm install
# 3. Start the dev server
npm run devThe site will be running at http://localhost:3000.
Note: Project data is loaded at runtime from
public/projects.json. No environment variables are needed.
/
├── public/
│ ├── projects.json ← Ecosystem project data (edit this to add projects)
│ └── images/projects/ ← Project logos
├── src/
│ ├── components/ ← All page and UI components
│ ├── data/
│ │ ├── ecosystemData.ts ← TypeScript types for projects
│ │ └── searchData.ts ← Spotlight search index
│ └── hooks/
│ └── useProjects.ts ← Hook that fetches & caches projects.json
├── HACKING.md ← Contributor guide
└── vite.config.ts
Projects are added via Pull Request — no accounts or forms needed.
- Fork this repo
- Add your project to
public/projects.json(see the JSON template in HACKING.md) - Optionally add a logo to
public/images/projects/<your-id>.svg - Open a PR — maintainers will review and merge
See HACKING.md for the full schema and contributor guide.
This is a standard Vite + React app. To deploy to Vercel:
npm run build # Outputs to /buildOr just connect the repo to Vercel for automatic deploys on every push.
MIT — see LICENSE for details. Built and maintained by the Stylus community.