Submission Guidelines
We enforce high-fidelity standards so every component in our studio feels premium, performant, and a pleasure to copy.
Uniqueness is the standard
The most common cause for rejection is a lack of creative innovation. We aren't just looking for functional code; we are looking for artistry. A simple design with flawless execution is more valuable than a complex one with poor hierarchy.
Do
Approved Patterns
Implement interactive hover, focus, and active states
Use relative units (em, rem) for scalable typography
Define CSS variables within component scope only
Prioritize accessibility and high-contrast color palettes
Optimize SVGs for performance and minimal line count
Follow logical grouping and consistent white space rules
Don't
Restricted Patterns
JavaScript is strictly forbidden (zero-tolerance XSS policy)
Duplicating or slightly modifying existing studio components
Defining global styles that impact <html> or <body>
Including external assets (images, fonts, scripts)
Using non-semantic tags for structural elements
Including redundant CSS browser prefixes
Common Rejections
Real anti-patterns rendered live. Click "Source" to see the offending markup — recognize them in the wild and you'll never ship one.
Aggressive drop-shadows break the visual hierarchy and feel dated. Keep elevation subtle.
Insufficient contrast between text and background impacts accessibility. Aim for WCAG AA (4.5:1).
Hardcoded links to external images, fonts, or scripts are strictly prohibited. Inline everything.
Excessive SVG markup with redundant attributes should be optimized. Strip metadata, round numbers.
Standard browser defaults with minimal or zero creative modifications. We reward originality.
Uneven margins and padding disrupt structural alignment. Use a coherent spacing scale.
High-Fidelity Success
Production-grade replacements rendered live. These are the patterns that get accepted on the first review.
Sophisticated use of typography, color, and depth to guide the eye through layered information.
Maintains consistency with the platform design system and reflects real-world usage at any scale.
Clean, minimal, and performant SVG implementations — single path, no metadata, no editor cruft.
Original concepts that provide fresh takes on common UI patterns — interactivity that surprises.
Flawless execution of hover, focus, and active interaction animations with reduced-motion respect.
Seamless adaptation to various viewport sizes and input methods — mobile, tablet, desktop, keyboard.
Ready to ship
your craft?
If your element meets these protocols, it belongs in the studio. Submit it and showcase your engineering talent to the world — reviewed by humans, loved by builders.
What happens next
Your submission journey
- 01
Review
Human reviewer checks uniqueness & quality within 48h.
- 02
Publish
Live on the studio, indexed & ready to share.
- 03
Earn
Climb the leaderboard. Get featured in weekly spotlight.