/create-cosmos-app

Set up a modern Cosmos app by running one command ⚛️

Primary LanguageTypeScriptMIT LicenseMIT

create-cosmos-app

Set up a modern Cosmos app by running one command ⚛️

Demo

cosmos-kit.mp4

Overview

# install
npm install -g create-cosmos-app

# run one command
create-cosmos-app

> name: my-app
cd my-app
yarn && yarn dev

# now your app is running on localhost:3000!

Get Started Immediately

You don’t need to install or configure cosmjs, keplr, nextjs, webpack or Babel.

Everything is preconfigured, ready-to-go, so you can focus on your code!

  • ⚡️ Connect easily to keplr + keplr mobile via wallet connect
  • ⚛️ Sign and broadcast with cosmjs stargate + cosmwasm signers
  • 🛠 Render pages with next.js hybrid static & server rendering
  • 🎨 Build awesome UI with Cosmos Kit and Chakra UI
  • 📝 Leverage chain-registry for Chain and Asset info for all Cosmos chains

Education & Resources

🎥 Checkout our videos to learn to learn more about create-cosmos-app and tooling for building frontends in the Cosmos!

Checkout cosmos-kit for more docs as well as cosmos-kit/react for getting cosmjs stargate and cosmjs signers.

Creating an App

To create a new app, you may choose one of the following methods:

global install

npm install -g create-cosmos-app

Then run the command:

create-cosmos-app

we also made an alias cca if you don't want to type create-cosmos-app:

cca

npx

npx create-cosmos-app

npm

npm init cosmos-app

Yarn

yarn create cosmos-app

Examples

Explore examples!

cca --example

Send Tokens

cca --name exampleapp --example --template send-tokens

Osmosis

uses osmojs

cca --name myosmoapp --example --template osmosis

or the cosmwsam example:

cca --name myosmoapp --example --template osmosis-cosmwasm

Juno

uses juno-network

cca --name myjunoapp --example --template juno

Stargaze

uses stargazejs

cca --name mystarsapp --example --template stargaze

Tailwind

cca --name exampleapp --example --template tailwindcss

Credits

🛠 Built by Cosmology — if you like our tools, please consider delegating to our validator ⚛️

Code built with the help of these related projects: