Code Magic is a website where you can get simple CSS tricks to make your application elegant with just few clicks.
- 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
Skew
Fade
Spin
- Set duration and speed for the animations
- And boom
- Select one of the below options
- Box Shadow - Cast a shadow on your element.
- Border Radius - Get desired border radius for your element.
HTML |
CSS |
TypeScript |
Check out the website: Code Magic
Before installation, please make sure you have already installed the following tools:
- 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
- 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
Don't forget to join the discord community - Join us
- 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.
Code-Magic is licensed under the MIT License - see the LICENSE file for details.
Thanks a lot for spending your time helping Code-Magic grow. Thanks a lot! Keep rockingπ»
This project needs a starοΈ from you. Don't forget to leave a starβ¨