Skip to main content

WebGL Aurora

Stunning visual effects powered by WebGL

Motion/React

Fluid animations throughout the experience

Dark Aesthetic

Developer-centric design language

The Vision

Build the definitive marketplace for AI-native engineers. As AI transforms software development, a new category of engineer has emerged: developers who think in prompts, architect with agents, and ship with AI-first workflows. This marketplace concept was designed to connect these engineers with companies who understand their value.

Design Philosophy

The visual language needed to communicate three things:
  1. Technical Credibility: This is a platform for serious engineers, not a generic job board
  2. AI-Native Identity: The aesthetic should feel futuristic without being gimmicky
  3. Developer Trust: Dark mode, clean typography, and respect for developer sensibilities

Technical Implementation

WebGL Aurora Effects

The hero section features a dynamic aurora effect built with custom WebGL shaders. The animation responds subtly to cursor movement, creating an immersive but non-distracting backdrop.

Motion Architecture

We used Framer Motion for orchestrated animations:
  • Staggered card reveals on scroll
  • Smooth page transitions
  • Micro-interactions on hover states
  • Performance-optimized for 60fps on all devices

Tech Stack

React

Component architecture

TypeScript

Type-safe development

WebGL

Custom shader effects

Framer Motion

Animation library

Tailwind

Utility-first CSS

Next.js

React framework
The marketplace showcases engineers with:
  • AI tool proficiency badges
  • Project portfolio highlights
  • Availability status
  • Rate transparency

Client

This concept was developed for WithSeismic as an exploration of what an AI-focused talent marketplace could look like.

View on Contra

See the full project showcase