https://github.com/gyanthakur/yourcss_contribution

Welcome to the YourCSS project! This web application allows users to view and interact with a collection of CSS designs. Users can explore different designs, and if they like a particular design, they can easily copy the design code to use in their own projects.
https://github.com/gyanthakur/yourcss_contribution

clerk clerkauth hacktober2024 hacktoberfest hacktoberfest-accepted hacktoberfest-starter hacktoberfest2024 nextjs tailwindcss

Last synced: 6 months ago
JSON representation

Welcome to the YourCSS project! This web application allows users to view and interact with a collection of CSS designs. Users can explore different designs, and if they like a particular design, they can easily copy the design code to use in their own projects.

• Host: GitHub
• URL: https://github.com/gyanthakur/yourcss_contribution
• Owner: Gyanthakur
• Created: 2024-10-11T10:49:14.000Z (12 months ago)
• Default Branch: main
• Last Pushed: 2024-12-18T07:21:45.000Z (10 months ago)
• Last Synced: 2025-03-29T16:01:38.783Z (6 months ago)
• Topics: clerk, clerkauth, hacktober2024, hacktoberfest, hacktoberfest-accepted, hacktoberfest-starter, hacktoberfest2024, nextjs, tailwindcss
• Language: JavaScript
• Homepage: https://yourcss-contribution.vercel.app
• Size: 744 KB
• Stars: 4
• Watchers: 2
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# YourCSS Project

Welcome to the **YourCSS** project! This web application allows users to view and interact with a collection of CSS designs. Users can explore different designs, and if they like a particular design, they can easily copy the design code to use in their own projects.

You can check out the live version of the app here: [YourCSS](https://yourcss.vercel.app/).

![image](https://github.com/user-attachments/assets/6c69dc26-91c7-4e63-9db9-af4399828aec)

![image](https://github.com/user-attachments/assets/a6a31cb9-0eaa-4354-a8cd-1756030cdbad)

![image](https://github.com/user-attachments/assets/1688cfb8-f753-4d2d-8229-e9b6b51146e0)

![image](https://github.com/user-attachments/assets/692376ef-ca0f-47e4-8c58-b575847cb345)

## Features

- **Browse CSS Designs**: Explore a variety of pre-made CSS designs that you can use in your own projects.

- **Copy Design Code**: With a simple click of a button, copy the CSS design code to your clipboard.

- **User-Friendly Interface**: The app is designed with an intuitive and easy-to-navigate interface.

- **Responsive Design**: Works seamlessly across all devices and screen sizes.

- **Interactive Components**: Interact with CSS designs, view code snippets, and more.

## Technologies Used

- **Next.js**: A React-based framework for building efficient web applications.

- **Tailwind CSS**: A utility-first CSS framework used for styling the application.

- **JavaScript**: For interactive functionality and dynamic features.

## Installation

To run this project locally, follow these steps:

### Prerequisites

Make sure you have [Node.js](https://nodejs.org/) installed on your machine.