Common requirements in frontend that are packaged in ready-to-use form.
For example, responsive navigation bar with three columns is shown below.
Find the complete list and details of available templates here.
- 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.
- Create a new JSON file inside a corresponding folder (e.g.
basics
,layout
, etc.) inatri_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!
-
Create a fork of this repository.
-
Clone your fork.
# Clone your fork of the repo into the current directory
git clone https://github.com/Atri-Labs/atri-templates.git
- 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
-
Add JSON file for a template in
basics
orlayout
folder or create a new folder. -
Add details the template in Readme.
-
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! ๐