Ahmed Zougari
Ahmed Zougari Blog


Ahmed Zougari Blog

50+ websites for web developers

50+ websites for web developers

Ahmed Zougari's photo
Ahmed Zougari
·Oct 11, 2022·

5 min read

After I have shared these two huge lists

I decided to share another one. But this time you can contribute. The table below is from this repository.

And I will update the blog from time to time to make sure it's not outdated. So you can help by adding your favorite site or fixing typos, or broken links ...

110015MixedAll online tools you need in one box for free. Build anything online with “all-in-one toolbox”. All tools are easy-to-use, blazing fast & free.
2Animate.cssFroentend, CSS, AnimationAnimate.css is a library of ready-to-use, cross-browser animations for you to use in your projects. Great for emphasis, home pages, sliders, and attention-guiding hints.
3AnimistaFrontend, CSS, AnimationAnimista is a CSS animation library and a place where you can play with a collection of ready-made CSS animations and download only those you will use.
4Ayro UIFrontend, Bootstrap, UI LibraryFree Bootstrap Snippets, UI Components, and LibraryAyro UI.
5Bg JarFrontend, CSS, SVG, BackgroundFree svg background generator for your websites, blogs and app.
6Blob MakerFrontend, CSS, SVGMake organic SVG shapes for your next design. Modify the complexity, contrast, and color, to generate unique SVG blobs every time.
7Box-shadow.devFrontend, CSS, Box-shadowCustomize Shadows.
8Branition ColorsFrontend, CSS, ColorsHand-curated collection of color palettes best fitted for branding.
9CSS Box Shadow ExamplesFrontend, CSS, Box-shadowBeautiful CSS box-shadow examples.
10CSS Buttons ExamplesFrontend, CSS, Buttons🎨 Curated collection of 88 free beautiful CSS buttons, ready-to-use for your next projects. Click to copy.
11CSS GradientFrontend, CSS, Colors, GradientCSS Gradient is a happy little website and free tool that lets you create a gradient background for websites.
12CSS Grid GeneratorFrontend, CSS, GridCSS Grid generator.
13CSS Triangle GeneratorFrontend, CSS, BorderCSS triangle generator - A generator for pure CSS triangle.
14Charts CSSFrontend, CSS, ChartsCSS data visualization framework.
15ClippyFrontend, CSS, Clip-pathThe clip-path property allows you to make complex shapes in CSS by clipping an element to a basic shape (circle, ellipse, polygon, or inset), or to an SVG source.
16ColorHubFrontend, CSS, ColorsFind the perfect color palette for your next project.
17ColorHuntFrontend, CSS, ColorsColor Palettes for Designers and Artists.
18ColorPalettesFrontend, CSS, Colors30+ Hand curated color palettes. To see the preview just click on the palette.
19ColorsMuzLiFrontend, CSS, ColorsColor Palette Generator. Create Beautiful Color Schemes that works.
20Convert A ColorFrontend, CSS, ColorsConvert a color to different formats.
21Cool BackgroundsFrontend, CSS, BackgroundCool Backgrounds is a collection of tools to create compelling, colorful images for blogs, social media, and websites.
22Cool BackgroundsFrontend, CSS, ColorsNever waste Hours on finding the perfect Color Palette again!
23CoolHueFrontend, CSS, Colors, Gradient60 linear gradients collection.
24CoolorsFrontend, CSS, ColorsThe super fast color palettes generator!
25Cubic BezierFrontend, CSS, AnimationA better tool for cubic-bezier() easing.
26Doodad Pattern GeneratorFrontend, CSS, SVG, BackgroundGenerate seamless, unique, royalty-free patterns to use for free in any project. Export as SVG, JPEG, or PNG.
27Fancy Border RadiusFrontend, CSS, Border-radiusGenerator to build organic shapes with CSS3 border-radius.
28Flat UI ColorsFrontend, CSS, Colors280 handpicked colors ready for COPY & PASTE.
29FlowbiteFrontend, CSS, TailwindGet started with an open-source library of over 450+ UI components, sections, and pages built with the utility classes from Tailwind CSS and designed in Figma.
30FlowbiteFrontend, CSS, TailwindGet started with an open-source library of over 450+ UI components, sections, and pages built with the utility classes from Tailwind CSS and designed in Figma.
31Frontend ToolkitMixedFrontend Toolkit is a customizable dashboard for your recurring Frontend tasks. Base64 encoder/decoder, SVG optimizations, SVG to JSX and many more!
32Get WavesFrontend, CSS, SVG, WavesA free SVG wave generator to make unique SVG waves for your next web design. Choose a curve, adjust complexity, randomize!
33Grid LayoutitFrontend, CSS, GridCSS Grid generator.
34Headless UIFrontend, Tailwind, React, Vue, UI LibraryCompletely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.
35Layout BradwoodsFrontend, CSS, Grid, FlexCSS Grid/FLEX generator.
36LottiefilesGIF, AnimationThe world’s largest platform for Lottie animations. Add free animations anywhere (even if you don’t know motion design) or create, collaborate & ship motion easily with LottieFiles’ design & developer tools.
37MeshGradientFrontend, CSS, Colors, GradientCreate beautiful gradients.
38Moving LettersFrontend, CSS, JS, Animation, animejsText animated with JavaScript & anime.js.
39NeumorphismFrontend, CSS, Box-shadowGenerate Soft-UI CSS code.
40Next UIFrontend, Next, React, UI LibraryMake beautiful websites regardless of your design experience.
41Open PropsFrontend, CSSOpen source CSS custom properties to help accelerate adaptive and consistent design. Available from a CDN or NPM, as CSS or Javascript.
42SVG WaveFrontend, CSS, SVG, WavesSVG Wave is a minimal svg wave generator with a lot of customization. It lets you ability to generate and export pngs and svgs of beautiful waves. SVG wave also lets you layer multiple waves. Create SVGs for your website designs.
43Shadows.brumm.afFrontend, CSS, Box-shadowMake a smooth shadow, friend.
44SpinkitFrontend, CSS, AnimationSimple CSS Spinners.
45TailsFrontend, CSS, TailwindTails - TailwindCSS Page Builder.
46Tailwind ComponentsFrontend, CSS, TailwindA free repository of open source Tailwind CSS components and templates to bootstrap your new apps, projects or landing sites!
47Tailwind KitFrontend, CSS, TailwindOver 200 free and open source components and templates for tailwind css to build beautiful UI. All are fully coded and work with React, Angular and VueJS.
48Transition StyleFrontend, CSS, AnimationDrop-in CSS transitions.
49UI VerseFrontend, HTML, CSS, UIUniverse of UI elements made with HTML & CSS.
50VizzuFrontend, CSS, Charts, JavascriptOpen-source JavaScript library designed to easily create animated data visualizations and data stories.
51Web GradientsFrontend, CSS, Colors, GradientWebGradients is a free collection of 180 linear gradients that you can use as content backdrops in any part of your website.
52WhirlFrontend, CSS, AnimationCSS loading animations with minimal effort!
53WoahFrontend, CSS, AnimationWoah.css is a CSS animation library created by Joe Rezendes that was made for eccentric developers.
Share this