The below site help you to generate CSS filter code. You can adjust various parameters like brightness, contrast etc.
Media Query Generators
The below listed sites help to generate CSS media query codes.
Free CSS spinners that can be used in your web projects.
Font Generators / Font Mixers
These links help to play with various fonts, mixing them to create beautiful patters, these patters can be copied to your web projects.
Help to create box shadows using css code.
Meta Tag Generator
These links help to generate meta tags based on your inputs.
Free Favicon Maker
Favicons are small 16×16 icon files that are displayed next to the URL of your site in a browser’s address bar, the below sites helps you to create favicons.
Profile Picture Maker
Websites that help to create profile pictures.
Neumorphism is a design trend which is marked by minimal and realistic-looking UI. A few sites that help to generate css code for the neumorphism design is listed below.
Dual Tone Creator
The below links help to create dual tone effect using css.
Random Animation Generator
These links help to generate triangle shapes using html and css, you can use the shape by simply copying the code to your project.
Ribbon / Banner generator
The links help to generate ribbons and banners.
These links help to generate underlines and animations that can be applied on underlines in CSS.
Hamburger Menu Icons
The below links help to generate beautiful hamburger menus icon.
The links help to create beautiful html tables. The links help to generate both the html code for table and CSS code to style the tables based on your preferences.
The below links will help to design various buttons based on your preferences, these links generate CSS code of your designs, which can be copied into your projects. Various hover effect can also be generated using the links.
Radio Button Generator
The below links provide with free icon resources, which can be used in web projects.
Color Gradient Resources
These links help to generate color gradients CSS codes, which can be copy pasted into your web projects.
Color Palette Generator
The below links will help to generate color palette, which can make your web project awesome.
SVG Shape Generator
The below links will help to generate svg shapes, you can generate svg codes for the shapes you created. To add the shapes to your project simply copy paste the codes to your project.
SVG Background Generators
The links below will help you to generate beautiful backgrounds in svg format based on your inputs.
The below resources will help you to get free illustrations for your web projects.
2. Draw Kit
3. Indian Doodle
5. open Doodles
7. IRA Design
11. Gee Me
13. The Noun project
16. Webpixels : Eye Pop
26. Pixel True
28. Story Set
29. Open Peeps
30. Black illustrations
31. Free Illustrations
CSS Animation Resources
The below resources help you to get CSS code to animate various components of your web projects.
1.The App Guruz
2. CSS animate
4.All Animation CSS3
Awesome CSS Layout Resources For Beginners
Kiran Raj R ・ Apr 18 ・ 2 min read
24 HTML Tags you may not know.
Kiran Raj R ・ May 4 ・ 6 min read
This content was originally published here.