Logo
๐Ÿš€

1. Create in Workspace

Your primary workspace is src/app/contributions/my-contribution/. Modify the files there and use Lab Mode to see your changes in real-time.

โš™๏ธ

2. Technical Standards

Components must be standalone and use Signals. Prioritize _variables.scss tokens and ensure your layout is fully responsive down to 320px.

๐Ÿ“ฎ

3. Push & Submit

Push your changes to your GitHub Fork (must be public). Copy your Fork's URL and submit it via the form on the official Aden UI Website.

Project Structure
๐Ÿ“ฆ aden-ui-community
โ””โ”€โ”€๐Ÿ“‚ src
    โ”œโ”€โ”€๐Ÿ“‚ app
    โ”‚   โ”œโ”€โ”€๐Ÿ“‚ contributions
    โ”‚   โ”‚   โ””โ”€โ”€๐Ÿ“ my-contribution // <-- YOUR WORKSPACE
    โ”‚   โ”œโ”€โ”€๐Ÿ“‚ pages
    โ”‚   โ”‚   โ””โ”€โ”€๐Ÿ“‚ workbench // <-- Register your contribution here
    โ””โ”€โ”€๐Ÿ“„ _variables.scss // <-- Global colors

Ready to take part?

Get the Workbench

Fork the repository to start building. Already finished? Use the form.