Snippetify

Snippetify is a comprehensive UI snippets website that provides developers with a rich collection of pre-built user interface components and code snippets.

Features

• Access a vast range of ready-to-use UI components and code snippets.
• Save development time by seamlessly integrating UI elements into your projects.
• Explore categories such as navigation menus, buttons, forms, modals, sliders, cards, and more.
• Each snippet is optimized for performance and cross-browser compatibility.
• Easily find and preview snippets before integrating them into your code.
• Contribute your own UI snippets to the community.
• Foster collaboration and gain recognition for your work.

Installation

1. Clone the repository: git clone https://github.com/doniaskima/Snippetify
2. Change to the project directory: cd Snippetify
3. Install the dependencies: npm install

Usage

1. Start the development server: npm run dev
2. Open your browser and visit: http://localhost:3000

Contributing

We welcome contributions from the community to enhance Snippetify's collection of UI snippets.

1. Fork the repository.
2. Create a new branch: git checkout -b feature/your-feature-name
3. Make your changes and commit them: git commit -m 'Add your feature'
4. Push to your branch: git push origin feature/your-feature-name
5. Create a pull request.

Please ensure that your contributions adhere to the project's coding guidelines and maintain a high level of code quality.

License

Snippetify is released under the MIT License.

Contact

For any inquiries or feedback, please contact us at [email protected].

Using

Grommet: a react-based framework that provides accessibility, modularity, responsiveness, and theming in a tidy package

Grommet is a popular UI component library for building responsive and accessible web applications. It provides a set of pre-designed and customizable components that follow best practices for usability and design consistency. Link:https://github.com/grommet/grommet

polished :A lightweight toolset for writing styles in JavaScript ✨

Link:https://github.com/styled-components/polished Link:https://polished.js.org/

Screenshots

Hero	Dark	Light

About