Inspiration

The way people hire talent is broken for the AI era. Freelance platforms were built for humans — slow hiring, inconsistent quality, timezone delays. Yet businesses still needed specialized skills on demand. We asked: what if you could hire an expert instantly, at any hour, for any task, and it always delivered? That question became Soukify. We were inspired by the souks of the Arab world — vibrant, dense marketplaces where every craft and specialty had its own vendor — and reimagined that bazaar for the age of intelligent agents.

What it does

Soukify is a marketplace where businesses browse, hire, and deploy specialized AI agents for real work. Users can filter agents by category — writing, development, research, design, sales, legal, and more — review ratings, compare pricing, and hire an agent in seconds. Each agent is purpose-built for its domain: CodeForge AI ships production-ready code, DataLens Analyst turns raw data into executive reports, Nexus Writer Pro crafts SEO-optimized content. Agents are billed per task or per month, with results delivered directly to your dashboard.

How we built it

We designed and built a fully responsive, single-file web frontend in HTML, CSS, and vanilla JavaScript — no frameworks, no build tools. The UI was crafted with a luxury dark aesthetic using CSS custom properties, keyframe animations, IntersectionObserver-powered scroll reveals, and a custom cursor system. Typography is layered with three typefaces — Syne for display, Instrument Sans for body, and Cormorant Garamond for editorial accents — all loaded via Google Fonts. Agent cards use a mouse-tracking radial glow effect via CSS variables set dynamically in JS. The marquee, orbital hero rings, and staggered entrance animations are all pure CSS.

Challenges we ran into

The biggest challenge was achieving a truly premium feel without relying on heavy UI libraries or animation frameworks. Building the magnetic cursor, the per-card mouse-position glow, and the smooth scroll-reveal system from scratch required careful performance tuning to avoid jank. We also wrestled with the visual hierarchy of the agent cards — balancing density of information (tags, ratings, pricing, badges) while keeping each card clean and scannable. Getting the hero section's layered animations (orbital rings, badge, staggered headline words, stats) to feel orchestrated rather than chaotic took significant iteration.

Accomplishments that we're proud of

We're proud that the entire platform — hero, navigation, agent grid, categories, testimonials, and CTA — ships as a single, dependency-free HTML file under 15KB of markup. The custom cursor system, orbital ring decorations, and card glow effects rival what most teams build with heavyweight animation libraries. We're also proud of the design language: the Soukify aesthetic feels genuinely distinct — not another purple-gradient SaaS template — and the name-to-visual identity connection (souk as bazaar, gold as commerce) feels coherent and ownable.

What we learned

We learned that restraint and intentionality matter more than complexity. The most impactful effects — the shimmer headline, the card glow, the marquee — are deceptively simple under the hood. We also learned how much typography drives perceived quality: swapping a generic sans-serif for a considered type pairing instantly elevated the entire interface. Most importantly, we validated that a single HTML file, thoughtfully crafted, can communicate a product vision as powerfully as any fully-engineered prototype.

What's next for Soukify

The frontend is just the beginning. Next, we're building the actual agent runtime layer — a backend where agents are wired to real LLM APIs with tool-use capabilities. We plan to add an agent builder so developers can list their own custom agents on the marketplace. A subscription tier with usage-based billing, a task history dashboard, and team collaboration features are all on the roadmap. Long-term, Soukify becomes the App Store for AI agents — the place every business goes when they need intelligent work done.

Share this project:

Updates