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.
- 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.
- 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.
Follow these steps to get started with Ripple:
Ensure you have the following installed:
- Node.js (v16 or higher)
- npm or Yarn
-
Clone the repository:
git clone https://github.com/your-username/ripple.git
-
Navigate to the project directory:
cd ripple -
Install the dependencies:
npm install
-
Run the application:
npm run dev
The application will be available at http://localhost:3000.
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.
This project is licensed under the MIT License - see the LICENSE file for details.