Welcome to Cosmos Playground, a collection of practical and ready-to-use examples for modern Web3 frontend development. Our mission is to make the blockchain world more accessible and enjoyable for developers. With our new CLI tool, getting started has never been easier!
Say goodbye to manual setup. Use the @tuwaio/create-cosmos-playground CLI to scaffold a new project with your chosen template in seconds. Just one command, and you're ready to go!
npx @tuwaio/create-cosmos-playgroundThis command will:
- Prompt you to select one of the templates listed below.
- Ask for a name for your new project.
- Automatically download the template from GitHub.
- Install all necessary dependencies using
pnpm. - Provide instructions on how to run your new application.
The entire setup process is streamlined, bringing the world of blockchain development closer to you than ever before!
All examples are built with Pulsar for seamless transaction tracking and Nova for a polished UI.
- nextjs-all: A Next.js example showcasing dynamic switching between Solana and EVM adapters with animated transitions.
- nextjs-connectkit: An example demonstrating integration with Next.js and ConnectKit.
- nextjs-dynamic: An example for integrating with Next.js and the Dynamic wallet.
- nextjs-rainbowkit: A Next.js project featuring the popular RainbowKit library.
- nextjs-reown: Integration with Next.js and the Reown wallet.
- nextjs-solana: A Next.js example demonstrating transaction tracking on the Solana network.
- nextjs-web3auth: A Next.js project using Web3Auth for social logins and wallet integration.
- vite-rainbowkit: A simple Vite-based example with RainbowKit.
Contributions are welcome! Please read our main Contribution Guidelines.
If you find this library useful, please consider supporting its development. Every contribution helps!
Built with ❤️ using the Pulsar & Nova ecosystem.