https://github.com/Luancss/pixel-patterns

Modern open source components snippets: copy, paste, ready-to-use
https://github.com/Luancss/pixel-patterns

Last synced: 2 months ago
JSON representation

Modern open source components snippets: copy, paste, ready-to-use

• Host: GitHub
• URL: https://github.com/Luancss/pixel-patterns
• Owner: Luancss
• License: mit
• Created: 2024-08-10T16:36:11.000Z (3 months ago)
• Default Branch: master
• Last Pushed: 2024-08-27T19:45:18.000Z (3 months ago)
• Last Synced: 2024-08-28T04:35:49.773Z (3 months ago)
• Language: TypeScript
• Homepage: https://pixel-patterns-mauve.vercel.app
• Size: 8.13 MB
• Stars: 109
• Watchers: 1
• Forks: 5
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        


 Demonstration |

 Deploy |

 Technologies



---

Pixel Patterns is a project aimed at developers that simplifies the integration of CSS and Tailwind components into their projects. The application allows you to copy ready-to-use components with just one click, making styling and building interfaces quick and efficient.

This open-source project not only offers an initial library of components but also allows the community to contribute their own components. With an intuitive interface and constantly expanding features, Pixel Patterns is ideal for those looking for a practical way to enhance front-end development.

**Goals**:

  - Facilitate the use of CSS and Tailwind components with a one-click copy feature

  - Allow the community to contribute their own components

  - Continuous expansion with new features and components

* If you like the project, give it a star ⭐ and share to help out.

## 📷 Demonstration

| Home Page  | Buttons Page | 

| --- | --- |

| ![page](https://github.com/user-attachments/assets/5eecf6e7-dabb-4075-96b6-b8fc308a2795) | ![buttons](https://github.com/user-attachments/assets/22a98690-0dbc-4d53-8d60-1b131a1bc26c)

| Inputs Page | Loaders Page |

| --- | --- |

| ![inputs](https://github.com/user-attachments/assets/ddcdc2e5-b11f-4647-abe2-e44ffbad826f) | ![loaders](https://github.com/user-attachments/assets/c57090a7-cec2-4665-b21e-c210c73048fc) 

![cards](https://github.com/user-attachments/assets/7282e2bd-b9ba-4792-8e00-d8d702960a10)

## 💻 Deploy

Click the following link to view the deploy

## 🚀 Technologies

This project was developed with the following technologies:

✔ [NextJS]




✔ [ReactJS]




✔ [TypeScript]




✔ [CSS]




✔ [Tailwind CSS]




✔ [Shadcn UI]

## ✍ Author





    Made by Luancss