https://github.com/hulomjosuan21/link-collections
https://github.com/hulomjosuan21/link-collections
Last synced: about 1 month ago
JSON representation
- Host: GitHub
- URL: https://github.com/hulomjosuan21/link-collections
- Owner: hulomjosuan21
- Created: 2024-07-16T21:16:49.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2024-07-25T03:40:37.000Z (10 months ago)
- Last Synced: 2025-01-29T11:45:49.814Z (3 months ago)
- Size: 5.86 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Link Collections
## [Aceternity UI](https://ui.aceternity.com/)
```link
https://ui.aceternity.com/
```
Aceternity UI provides pre-built UI components and templates for web development using React, Tailwind CSS, and Framer Motion.
___
## [Smooth Shadow](https://shadows.brumm.af/)
```link
https://shadows.brumm.af/
```
A tool that helps you create smooth, layered CSS box shadows. It allows you to adjust parameters like transparency, distance, blur, and spread to generate the perfect shadow effect.
___
## [CSS Gradient](https://cssgradient.io/)
```link
https://cssgradient.io/
```
A tool that helps you create gradient backgrounds for your website. It allows you to customize gradients and provides the CSS code needed to implement them.
___
## [Cubic Bezier](https://cubic-bezier.com/)
```link
https://cubic-bezier.com/
```
A tool that helps you create and visualize custom cubic-bezier easing functions for CSS animations. You can adjust the curve to see how different values affect the animation timing.
___
## [Layoutit Grid](https://grid.layoutit.com/)
```link
https://grid.layoutit.com/
```
A tool for creating CSS Grid layouts. It allows you to visually design your grid, adjust settings, and instantly get the HTML and CSS code needed for your project.
___
## [SVG Wave](https://svgwave.in)
```link
https://svgwave.in
```
A tool for generating customizable gradient SVG waves. It allows you to create and export beautiful wave designs in SVG or PNG formats, perfect for enhancing your website’s visuals
___
## [PatternPad](https://patternpad.com)
```link
https://patternpad.com
```
A tool for creating unique, customizable patterns. It allows you to design patterns from endless variations using different colors and shapes.
___
## [Magic Pattern](https://www.magicpattern.design)
```link
https://www.magicpattern.design
```
A design tool that helps you create unique, customizable patterns and backgrounds.
___
## [Haikei](https://haikei.app)
```link
https://haikei.app
```
A web-based design tool for generating unique SVG design assets. It offers a variety of customizable generators to create stunning visuals like waves, blobs, gradients, and more.
___
## [Tabbied](https://tabbied.com)
```link
https://tabbied.com
```
A tool to create beautiful, customizable patterns and artwork for free. You can use these designs for wall art, websites, print materials, and more.
___
## [PatternKid](https://patternkid.com)
```link
https://patternkid.com
```
A tool to generate beautiful geometric design assets instantly. It’s perfect for creating unique patterns for landing pages, slide decks, social media posts, and more.
___
## [Neumorphism.io](https://neumorphism.io/)
```link
https://neumorphism.io/
```
A tool that helps you create neumorphic designs, which combine elements of skeuomorphism and flat design to create a soft, 3D-like effect.
___
## [Flectofy](https://flectofy.flecto.io)
```link
https://flectofy.flecto.io
```
A tool to create gooey, draggable SVG shapes for your design projects. It’s a handy tool for generating unique patterns and shapes with ease.
___
## [Fancy Border Radius](https://9elements.github.io/fancy-border-radius/)
```link
https://9elements.github.io/fancy-border-radius/
```
A tool that helps you create unique, organic shapes using the CSS border-radius property.
___
## [CSS Clip-Path Generator](https://www.cssportal.com/css-clip-path-generator/)
```link
https://www.cssportal.com/css-clip-path-generator/
```
A tool to create custom shapes for elements using the clip-path property. You can visually design shapes and get the corresponding CSS code instantly.
___
## [UI Ball](https://uiball.com/)
```link
https://uiball.com/
```
Open-source loading animations that can be easily integrated into web projects. You can customize these animations by adjusting properties like color, speed, and size.
___
## [95 beautiful CSS box-shadow examples](https://getcssscan.com/css-box-shadow-examples/)
```link
https://getcssscan.com/css-box-shadow-examples
```
A tool provides a curated collection of 95 beautiful CSS box-shadow examples that you can easily copy and use in your projects
___
## [transition.style](https://www.transition.style/)
```link
https://www.transition.style/
```
A collection of easy-to-use CSS transitions with clip-path.
___
## [Chart.js](https://www.chartjs.org/)
```link
https://www.chartjs.org/
```
A simple yet flexible JavaScript charting library that allows you to create various types of charts, such as line, bar, and pie charts, using HTML5 canvas.
___
## [SimpleParallax](https://simpleparallax.com/)
```link
https://simpleparallax.com/
```
A lightweight JavaScript library that adds parallax animations to any image or video on your website.
___
## [Modern Normalize](https://github.com/sindresorhus/modern-normalize)
```link
https://github.com/sindresorhus/modern-normalize
```
A CSS library that normalizes browsers’ default styles, focusing on the latest versions of Chrome, Firefox, and Safari. It aims to improve consistency and readability by setting a standard box-sizing, font, and tab size.
___