π About
Code Magic is a website where you can get simple CSS tricks to make your application elegant with just few clicks.
π§ββοΈ Magic options available for you:
- Pic Text - Convert images to CSS art. Just upload and get CSS art with just one click.
- Gradient Text - Dual color gradient for your texts.
- Gradient Border - Get dual color gradient with desired radius.
- Gradient Background - Make your backgrounds stand out by applying gradient colors.
- Animations
- Select one of the below options
- Set duration and speed for the animations
- And boom
- Box Shadow - Cast a shadow on your element.
- Border Radius - Get desired border radius for your element.
- Text Shadow - Create a cool shadow for your text.
- Input Range - Style your range input type elements easily and quickly
βοΈ Languages / Tools
π§πΎβπ» Demo
Check out the website: Code Magic
ππ½ Prerequisites
Before installation, please make sure you have already installed the following tools:
ππΎ What you have to do to contribute
π οΈ Installation Steps
-
Fork the project. Click on the icon in the top right to get started
- Clone the project, you can use the following command:
git clone https://github.com/<your-github-username>/Code-Magic
- Navigate to the project directory
cd Code-Magic
- Install dependencies with npm install
npm install
npm install -g commitizen
- Run the project
npm run dev
π₯ After making a change
- Create a new branch
git checkout -b YourBranchName
- Add it to staging area
NOTE: don't commit the package.json
git add <path to the file you worked on>
- Commit your changes with
git cz
- Push your changes
git push
π¨βπ©βπ¦ Community
Don't forget to join the discord community - Join us
π©π½βπ» Contributing
- Contributions make the open source community such an amazing place to learn, inspire, and create.
- Any contributions you make are greatly appreciated.
- Check out our contribution guidelines for more information.
π‘οΈ License
Code-Magic is licensed under the MIT License - see the LICENSE file for details.
πͺπ½ Thanks to all Contributors
Thanks a lot for spending your time helping Code-Magic grow. Thanks a lot! Keep rockingπ»
ππ½ Support
This project needs a starοΈ from you. Don't forget to leave a starβ¨