https://ui.aceternity.com/
Aceternity UI provides pre-built UI components and templates for web development using React, Tailwind CSS, and Framer Motion.
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.
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.
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.
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.
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
https://patternpad.com
A tool for creating unique, customizable patterns. It allows you to design patterns from endless variations using different colors and shapes.
https://www.magicpattern.design
A design tool that helps you create unique, customizable patterns and backgrounds.
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.
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.
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.
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.
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.
https://9elements.github.io/fancy-border-radius/
A tool that helps you create unique, organic shapes using the CSS border-radius property.
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.
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.
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
https://www.transition.style/
A collection of easy-to-use CSS transitions with clip-path.
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.
https://simpleparallax.com/
A lightweight JavaScript library that adds parallax animations to any image or video on your website.
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.