Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/barriosxjavier/tonemify
Create and adjust Shadcn themes
https://github.com/barriosxjavier/tonemify
shadcn-ui tailwindcss ui-design
Last synced: about 14 hours ago
JSON representation
Create and adjust Shadcn themes
- Host: GitHub
- URL: https://github.com/barriosxjavier/tonemify
- Owner: BarriosXJavier
- Created: 2024-10-24T09:29:23.000Z (3 months ago)
- Default Branch: main
- Last Pushed: 2024-12-17T06:20:32.000Z (24 days ago)
- Last Synced: 2024-12-17T06:31:20.550Z (24 days ago)
- Topics: shadcn-ui, tailwindcss, ui-design
- Language: TypeScript
- Homepage: https://tonemify.vercel.app
- Size: 823 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Tonemify
Tonemify is a web application designed to help users generate, prototype and manage shadcn themes effortlessly. With a user-friendly interface and powerful features, Tonemify allows you to fine tune your themes with ease.
## Features
- **Theme Generation**: Create custom themes using a simple and intuitive interface.
- **Theme Management**: Save, edit, and delete your themes as needed.
- **Responsive Design**: Works seamlessly on both desktop and mobile devices.
- **Dark Mode Support**: Easily switch between light and dark themes.
- **Clipboard Integration**: Copy your generated themes directly to your clipboard for easy use.
## Technologies Used
- **Frontend**: React, Next.js, TypeScript
- **Styling**: Tailwind CSS, ShadCN
- **Icons**: Lucide React
- **Toast Notifications**: Sonner
## Getting Started
To get a local copy up and running, follow these steps:
### Prerequisites
- Node.js (version 14 or higher)
- npm or yarn
### Installation
1. Clone the repository:
```bash
git clone https://github.com/BarriosXJavier/tonemify.git
```
2. Navigate to the project directory:
```bash
cd tonemify
```
3. Install the dependencies:
```bash
npm install
# or
yarn install
```
Note that for this project, I used Bun
4. Start the development server:
```bash
npm run dev
# or
yarn dev
```
5. Open your browser and go to `http://localhost:3000`.
## Usage
- **Creating a Theme**: Use the theme generator to create a new theme. Adjust the colors and settings as desired.
- **Saving a Theme**: Once you're satisfied with your theme, save it for future use.
- **Managing Themes**: Access your saved themes to edit or delete them as needed.
## Contributing
Contributions are welcome! If you have suggestions for improvements or new features, feel free to open an issue or submit a pull request.
1. Fork the repository.
2. Create your feature branch:
```bash
git checkout -b feature/YourFeature
```
3. Commit your changes:
```bash
git commit -m 'Add some feature'
```
4. Push to the branch:
```bash
git push origin feature/YourFeature
```
5. Open a pull request.
## Contact
- **Author**: David
- **Email**: [email](mailto:[email protected])
- **GitHub**: [BarriosXJavier](https://github.com/BarriosXJavier)
Feel free to reach out if you have any questions or feedback!