Search Resources
Links by Tag
  • 3D
  • Accessibility
  • Animation
  • Audio
  • Backgrounds
  • Blogs
  • Books
  • Branding
  • Business
  • Career
  • CMS
  • Code
    • CSS Generators
    • Frameworks
    • HTML/CSS
    • JavaScript
    • Open Source
    • PHP
  • Challenges
  • Colour
  • Community
  • Copywriting
  • Developer Tools
  • Domains & Hosting
  • eCommerce
  • Email
  • Featured
  • Fun
  • Icons
  • Illustrations
  • Inspiration
    • Design Systems
  • Learning
  • Marketing
  • Mockups
  • Photography
  • Placeholders
  • Podcasts
  • Productivity
  • Security
  • Self Hosted
  • SEO
  • Services
    • Analytics
    • Social
  • Software
  • Templates
  • Test & Optimise
    • Accessibility Testing
    • Browser Testing
    • Code Quality
    • Speed Testing
  • Typography
  • UI Kits
  • UX Design
  • Video
  • WordPress
Toolkit
  • About
  • Suggest
Screenshot of Animista CSS Animations website
Visit Link
https://animista.net/play/

Animista CSS Animations

Filed under Animation, CSS Generators

Animista is a place where you can play with a collection of pre-made CSS animations, tweak them and get only those you will actually use.

Free

Report a problem with this link

Welcome to Toolkit! 🧰

Toolkit is a curated collection of tools & resources for people who make websites. Follow on Twitter for a fresh link daily or browse the site to discover the growing collection.


More from CSS Generators

View all CSS Generators  
Screenshot of Design Tokens Generator website
Visit Link
https://tokens.layoutit.com/

Design Tokens Generator

Filed under CSS Generators, Developer Tools

Quickly create Design System tokens and get JSON, CSS and SASS code. Use our Design Tokens generator to quickstart your next project!

Free
Screenshot of Fluid Typography Editor website
Visit Link
https://modern-fluid-typography.vercel.app/

Fluid Typography Editor

Filed under CSS Generators, Typography

Fluid typography is a modern way of approaching responsive typography. Instead of setting fixed typography values for individual screen sizes, we can set a single fluid value and let the CSS render the appropriate values for a specific screen size constrained by minimum and maximum values.

Free
Screenshot of Open Props website
Visit Link
https://open-props.style/

Open Props

Filed under CSS Generators

Supercharged CSS variables.

Free
Screenshot of Web Code Tools website
Visit Link
https://webcode.tools/

Web Code Tools

Filed under CSS Generators, HTML/CSS

Code generators to help you with your front-end web projects. CSS, HTML, OpenGraph, JSON, Meta Tags, Twitter Cards and more.

Free
Screenshot of CSS Code Generators website
Visit Link
http://csscodegenerators.com/

CSS Code Generators

Filed under CSS Generators

Everything you need to generate awesome CSS for your next project. Customize your options and voila, your CSS code is ready to copy and paste into your project!

Free
Screenshot of SVG to CSS converter website
Visit Link
https://www.svgbackgrounds.com/tools/svg-to-css/

SVG to CSS converter

Filed under CSS Generators

This tool converts SVG code into a Data URI, an encoded URL format that be used as a background-image source. In plain terms, you can place this converted SVG code directly into CSS and avoid the need for image files.

Free
Screenshot of CSS Photo Filters website
Visit Link
https://baseline.is/tools/css-photo-filters/

CSS Photo Filters

Filed under CSS Generators

36 beautiful photo filters, with simple editing and CSS to copy. Upload your own photo and select the perfect filter, or modify one to fit your needs.

Free
Screenshot of Gorko website
Visit Link
https://github.com/andy-piccalilli/gorko

Gorko

Filed under CSS Generators, HTML/CSS

A tiny, Sass-powered design-token led utility class generator, with handy helpers, that helps you to power your front-ends with a single source of truth.

Free
Screenshot of CSS Stripes Generator website
Visit Link
https://stripesgenerator.com/

CSS Stripes Generator

Filed under CSS Generators

Generate CSS stripes using linear-gradient background images.

Free
Screenshot of Animista CSS Animations website
Visit Link
https://animista.net/play/

Animista CSS Animations

Filed under Animation, CSS Generators

Animista is a place where you can play with a collection of pre-made CSS animations, tweak them and get only those you will actually use.

Free
Screenshot of CSS Layout website
Visit Link
https://csslayout.io/

CSS Layout

Filed under CSS Generators, HTML/CSS, Learning, UX Design

Popular layouts and patterns made with CSS.

Free
Screenshot of Pattern.css website
Visit Link
https://bansal.io/pattern-css

Pattern.css

Filed under Backgrounds, CSS Generators

CSS only library to fill your empty background with beautiful patterns.

Free

Toolkit by Addy Codes is a curated collection of tools and resources for people who make websites.

Join the Newsletter

The very best new website building resources sent to your inbox once at most once a fortnight.

Your subscription could not be saved. Please try again.
Please check your email to confirm your subscription. It's worth it!
© Adam Greenough 2022. All rights reserved. Made with ☕️ in the UK. Proudly hosted with 100% renewable energy 🍃 via Krystal Hosting (affiliate).
Freelance Web Developer About Privacy Submit