VEIL Frontend

veil.markets — Privacy-native prediction markets on Avalanche.

Award-winning UI with film grain, magnetic components, character reveal animations, noise reveals, parallax headings, and a 3D R3F tetrahedron hero. 30+ pages across markets, governance, agents, docs, and ecosystem.

Features

• Live Polymarket Feed — Real market data with 10s polling, CLOB order book depth
• Dual Market Engine — Route through Polymarket (0.03% fee) or VEIL-native markets (earn VEIL)
• AI Oracle — Grok 4.2 resolves social/political/non-financial markets
• Agent Portal — ANIMA agent lifecycle dashboard, ecosystem directory
• Governance — veVEIL voting, proposal creation, forum integration
• Investor Deck — Interactive pitch deck with live metrics

Stack

• Framework: Next.js 14 (App Router)
• Language: TypeScript
• Styling: Tailwind CSS
• 3D: React Three Fiber / Three.js
• Animation: Framer Motion, GSAP
• Data: Polymarket CLOB + Gamma API

Routes (Selection)

Route	Page
/	Landing — exploreveil with 3D hero
/app	Market dashboard with live Polymarket feeds
/app/market/[id]	Market detail — prices, order book, payout calculator
/app/agents	ANIMA agent fleet monitoring
/app/ecosystem	Portal directory with 3D geometric icons
/gov	Governance hub — proposals, voting, forum
/docs	Protocol documentation
/investor-deck	Interactive investor presentation

Local Development

npm install
npm run dev

Runs on webpack (not Turbopack) for local stability.

Environment

# Optional — defaults to public Polymarket endpoints
POLYMARKET_GAMMA_API=https://gamma-api.polymarket.com
POLYMARKET_CLOB_API=https://clob.polymarket.com

API Routes

Endpoint	Description
GET /api/markets	Aggregated market listings
GET /api/markets/:id	Market detail + metadata
GET /api/markets/:id/latest-trade	Most recent trade data

Brand System

Shared brand components in components/brand.tsx:

• VeilHeader / VeilFooter — Consistent nav + TSL branding
• FilmGrain — Cinematic grain overlay
• MagneticComponent — Mouse-tracking magnetic interaction
• CharReveal / NoiseReveal — Text reveal animations

Links

• Live: veil.markets
• Ecosystem: thesecretlab.app
• Org: github.com/thesecretlab-dev

---

Markets for machines. Interfaces for humans.