Common requirements in frontend that are packaged in ready-to-use form.

For example, responsive navigation bar with three columns is shown below.

File location

Find the complete list and details of available templates here.

1. Copy contents of the JSON file from this repository.

For example, if you want to use responsive_navigation_bar template in atri-templates/templates/basics/responsive_navigation_bar.json, visit the link and copy its contents by clicking on the Copy raw contents icon in GitHub.

2. Create a new JSON file inside a corresponding folder (e.g. basics, layout, etc.) in atri_templates directory in your Atri app root directory.

Continuing with our example, create a atri-templates/basics/responsive_navigation_bar.json and paste the contents of the file here.

We will be releasing a CLI in our future versions to make this process easier. Stay tuned!

1. Create a fork of this repository.

2. Clone your fork.

# Clone your fork of the repo into the current directory
git clone https://github.com/Atri-Labs/atri-templates.git

3. Configure the remotes.

# Navigate to the newly cloned directory
cd atri-templates

# Assign the original repo to a remote called "upstream"
git remote add upstream https://github.com/Atri-Labs/atri-templates.git

4. Add JSON file for a template in basics or layout folder or create a new folder.

5. Add details the template in Readme.

6. Open a Pull Request (PR) with clear title and description.

📚 Read the Docs

🧭 Follow Atri Labs on LinkedIn

💬 Join our Slack community

❓ Share any bugs or ask any question in Discussions

🎥 Watch along on YouTube

⭐️ Star Atri framework if you find it helpful! 😎