Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/yeasir0032/ripple
Ripple is an application designed for drawing, sketching, and UI design. Built using modern web technologies, it offers an intuitive and powerful environment for designers and developers.
https://github.com/yeasir0032/ripple
design drawing-app hacktoberfest hacktoberfest-accepted nextj shadcn-ui tailwindcss typescript zustand
Last synced: 2 days ago
JSON representation
Ripple is an application designed for drawing, sketching, and UI design. Built using modern web technologies, it offers an intuitive and powerful environment for designers and developers.
- Host: GitHub
- URL: https://github.com/yeasir0032/ripple
- Owner: Yeasir0032
- Created: 2024-08-24T10:00:16.000Z (about 1 month ago)
- Default Branch: master
- Last Pushed: 2024-08-24T10:06:19.000Z (about 1 month ago)
- Last Synced: 2024-10-01T05:20:12.150Z (2 days ago)
- Topics: design, drawing-app, hacktoberfest, hacktoberfest-accepted, nextj, shadcn-ui, tailwindcss, typescript, zustand
- Language: TypeScript
- Homepage: https://ripple-rust.vercel.app/
- Size: 82 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Ripple
**Ripple** is an application designed for drawing, sketching, and UI design. Built using modern web technologies, it offers an intuitive and powerful environment for designers and developers.
## Features
- **Drawing & Sketching**: Use a variety of tools to create freeform drawings and sketches.
- **Shape Design**: Easily design and manipulate shapes to build your UI components.
- **UI Design**: Craft user interfaces with precision and creativity.
- **Layer Management**: Organize your designs with layer control for better structure and design flow.
- **Component Library**: Access a library of reusable components to speed up your design process.
- **Custom Icons**: Integrated with **Lucide Icons** for adding icons to your designs.
## Technology Stack
- **Next.js 14**: The latest version of the React framework for building fast and scalable web applications.
- **Tailwind CSS**: A utility-first CSS framework for rapid UI development with custom styles.
- **shadcn/ui**: A set of unstyled components that allows complete customization of UI elements.
- **Zustand**: A small, fast, and scalable state management solution for React applications.
- **Lucide Icons**: An open-source icon library, offering a variety of customizable SVG icons.
## Getting Started
Follow these steps to get started with Ripple:
### Prerequisites
Ensure you have the following installed:
- Node.js (v16 or higher)
- npm or Yarn
### Installation
1. Clone the repository:
```bash
git clone https://github.com/your-username/ripple.git
```
2. Navigate to the project directory:
```bash
cd ripple
```
3. Install the dependencies:
```bash
npm install
```
4. Run the application:
```bash
npm run dev
```
The application will be available at http://localhost:3000.
## Contributing
Contributions are welcome! If you'd like to contribute, please follow these guidelines:
- Fork the repository.
- Create a new branch (git checkout -b feature/your-feature-name).
- Make your changes and commit them (git commit -m 'Add some feature').
- Push to the branch (git push origin feature/your-feature-name).
- Create a pull request.
## License
This project is licensed under the MIT License - see the LICENSE file for details.