Weekly Craft Challenges · Season 3

Craft. Compete.
Get Featured in the Gallery.

Weekly frontend challenges to push the boundary of modern web aesthetics. Submit copy-pasteable React & Tailwind components, vote with the community, and win monthly bounties.

#042 LiveActive Challenge
1,420+Total Submissions
38,500+Community Votes
$14,000Bounties Awarded
View Leaderboard
Hall of Craft

Season 3 Leaderboard

Top creators who consistently craft award-winning UI elements and receive highest community upvotes.

#1
Kaito Tanaka👑

Kaito Tanaka

@kaito_fx
6 Wins4,850 XP
#2
Elena Rostova

Elena Rostova

@elena_motion
5 Wins4,120 XP
#3
Alex Rivera

Alex Rivera

@arivera_ui
4 Wins3,780 XP
#4
Marcus Vance

Marcus Vance

@mvance_design
3 Wins3,250 XP
#5
Sarah Chen

Sarah Chen

@schen_ui
3 Wins2,940 XP
#6
Zoe Kravitz

Zoe Kravitz

@zoe_particles
2 Wins2,650 XP
#7
Liam Becker

Liam Becker

@lbecker_3d
2 Wins2,410 XP
#8
Sophia Wu

Sophia Wu

@swu_craft
2 Wins2,180 XP

Elements · Submissions

Copy the one you love. Remix the rest.

Every tile is a real, working element with background lighting. Hover to interact. Tap to inspect and copy code.

QUANTUM_SEC
4096-BIT CYPHER
Neural Key Protocol
React
🥇 Winner #042

Holographic 3D Prismatic Card

@alexrivera · Cards

React
🥇 Winner #041

Quantum Magnetic Flux Button

@kaitotanaka · Buttons

React
🥈 Runner Up #041

Liquid Mercury Biometric Dial

@elenarostova · Toggles

CSS
🥇 Winner #040

Chrono Gyroscope 3D Core

@marcusvance · Loaders

Tailwind
🔥 Top Rated

Hyperdrive Warp Speed Button

@sarahchen · Buttons

React
🥇 Winner #039

Cyberpunk Spatial Hex Keypad

@zoekravitz · Micro-Interactions

React
🥇 Winner #038

Bioluminescent Jellyfish Switch

@liambecker · Toggles

SVG
🥇 Winner #037

Prismatic Wave Radar Core

@sophiawu · Loaders

React
🥇 Winner #036

Supernova Pulsar Spatial Toggle

@dimitrinovak · Toggles

React
🥇 Winner #035

Aero Glass Floating Segmented Slider

@valerielaurent · Micro-Interactions

CSS
🥇 Winner #034

Solar Flare Energy Orb Loader

@kenjitakahashi · Loaders

SYNAPSE_LINK :: OPTIMAL
React
🥇 Winner #033

Neuro-Synapse Hologram Status Pill

@camillemoreau · Cards

3D SPATIAL ENGINE · EXPERIMENTAL LAB

Interactive 3D UI Artifacts

Live hardware-accelerated components crafted with pointer-tracked perspective, multi-layer Z-depth, holographic iridescence, and kinetic spring physics.

Titanium VIP
042 // CRAFT
4,850 XP
Grandmaster
ALEX RIVERA
08/29 · ARCHITECT
NOVIXUI
React
🥇 Winner #042

Holographic 3D Titanium Pass

@alexrivera · Cards

SINGULARITY CORE4.8 GW
CSS
⚡ Interactive Core

Quantum 3D Singularity Core

@kaitotanaka · Loaders

CYPHER_PIN //734•••
MATRIX READY
React
✨ 3D Spatial

Spatial Isometric Cypher Keypad

@zoekravitz · Micro-Interactions

BIOMETRIC DIALONLINE
CLICK TO TOGGLE
NEURAL SYNCTOUCH SENSITIVE
React
🧬 Touch Sensor

Liquid Mercury Biometric Dial

@elenarostova · Toggles

AERO DOCK3D SPATIAL
HOVER ICONS TO ELEVATE
React
💎 Spatial Prism

Aero Glass 3D Floating Dock

@valerielaurent · Micro-Interactions

FAQ · Knowledge Base

Frequently Asked Questions

Everything you need to know about competing, submitting code, and claiming bounties.

Submissions should be written in React (TypeScript or JavaScript) styled with Tailwind CSS. For animations, you can use Motion (Framer Motion / motion.dev) or pure CSS keyframes. Zero external heavy UI libraries (like Bootstrap or MUI) to keep components drop-in friendly.
Weekly challenge · #042

Ready to Showcase Your Frontend Craft?

Submit your creation. The community votes. The winner ships on the home page, earns cash bounties, and enters the Hall of Craft.

Explore Community Repo