Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/wardbox/roke
a sensible wasp starting point
https://github.com/wardbox/roke
framer-motion framermotion shadcn-ui shadcnui tailwind wasp wasplang
Last synced: about 2 months ago
JSON representation
a sensible wasp starting point
- Host: GitHub
- URL: https://github.com/wardbox/roke
- Owner: wardbox
- License: mit
- Created: 2024-11-14T02:23:05.000Z (about 2 months ago)
- Default Branch: main
- Last Pushed: 2024-11-14T09:23:56.000Z (about 2 months ago)
- Last Synced: 2024-11-14T10:23:27.629Z (about 2 months ago)
- Topics: framer-motion, framermotion, shadcn-ui, shadcnui, tailwind, wasp, wasplang
- Language: TypeScript
- Homepage:
- Size: 238 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
# Roke
## Overview
Roke provides a comprehensive foundation for your Wasp projects by combining
modern UI tools and best practices. Built with shadcn/ui components, Motion
animations, and TypeScript support, it helps developers create beautiful,
interactive web applications efficiently.
## Why Roke?
I built Roke because I found myself repeating the same setup steps for every new
Wasp project. Instead of continuing this cycle, I decided to create something
that could serve as a thoughtful starting point, not just for myself but for
others too.
What makes Roke different is its focus on being a post-starter template. While
most templates give you a blank slate, Roke provides sensible defaults that you
can either use as-is or customize to your needs. It embraces shadcn/ui's
philosophy of being "Accessible. Customizable. Open Source." and extends it to
the entire project structure.
The vision for Roke goes beyond just being a template - it's about creating a
better developer experience through automation, making clean and modern design
accessible, providing real-world examples, and fostering best practices. By
making this project open source, we create an opportunity for mutual growth and
learning.
Remember: coding can be a creative and inspiring endeavor. Let's build something
beautiful together.
## Quick Start
Click "Use this template" button at the top of the repository
```bash
# Start the development server
wasp db start
wasp db migrate-dev
wasp start
```
Visit [roke.dev](https://roke.dev) for comprehensive documentation.
## Features
- 🎨 Elegant Dark/Light mode theming
- 📚 Ready-to-use shadcn/ui components
- 🔐 Secure authentication flows with customizable styling
- 🎭 Smooth animations powered by Motion
- 📱 Responsive, mobile-first design
- 🧩 Clean, modular architecture
- 🛠️ Full TypeScript support
## Included Components
- Responsive navigation with mobile menu
- Form components with validation
- Toast notifications system
- Syntax-highlighted code blocks
- Helpful utility functions
- Date formatting
- Text manipulation
- Theme management
- And more...
## Contributing
We welcome contributions! Whether it's:
- 🐛 Bug fixes
- ✨ New features
- 📝 Documentation improvements
- 💡 Suggestions
Feel free to open an issue or submit a pull request.
## Learn More
- [Documentation](https://roke.dev)
- [Wasp Documentation](https://wasp-lang.dev)
- [shadcn/ui](https://ui.shadcn.com)
- [Motion](https://motion.dev)
## License
MIT License - feel free to use this in your own projects!
