Check out these amazing CSS makers🌈

THREAD🧵👇
1⃣ CSS Button Creator

The easiest way to create imageless CSS buttons. You can customize background, color, shadow, padding, margin and almost everything

🔗cssbuttoncreator.com
2⃣ Blob Maker

Make organic SVG shapes for your next design. Modify the complexity, contrast, and color, to generate unique SVG blobs every time

🔗blobmaker.app
3⃣ Make some waves

A free SVG wave generator to make unique SVG waves for your next web design. Choose a curve, adjust complexity, randomize

🔗getwaves.io
4⃣ CSS Generator

The ultimate CSS generator. Learn CSS3 with our generators and preview your results! And you don't even need CSS experience to start

🔗webcode.tools/css-generator
5⃣ Gradient Generator

As a free CSS gradient generator tool, this website lets you create a colorful gradient background for your website, blog, or social media profile

🔗cssgradient.io
6⃣ Animista

Animista is a place where you can play with a collection of ready to use CSS animations, tweak them and download only those you will actually use.

🔗animista.net
7⃣ CSS Animate

Online tool for creating native CSS3 Keyframes Animation. You can easy and fast generate consistent CSS3 animation using simple UI without any coding

🔗cssanimate.com
8⃣ Keyframes

Create basic or complex CSS keyframe animations with a visual timeline editor similar to video-editing software

🔗keyframes.app
9⃣ Enjoy CSS

Enjoy CSS lets you create almost everything in CSS. It'ss handy and simple UI allows you to adjust rich graphical styles quickly and without coding

🔗enjoycss.com
🔟Neumorphism Maker

Neumorphic UI generator

🔗neumorphism.io

• • •

Missing some Tweet in this thread? You can try to force a refresh
 

Keep Current with Pratham 👨‍💻🚀

Pratham 👨‍💻🚀 Profile picture

Stay in touch and get notified when new unrolls are available from this author!

Read all threads

This Thread may be Removed Anytime!

PDF

Twitter may remove this content at anytime! Save it as PDF for later use!

Try unrolling a thread yourself!

how to unroll video
  1. Follow @ThreadReaderApp to mention us!

  2. From a Twitter thread mention us with a keyword "unroll"
@threadreaderapp unroll

Practice here first or read more on our help page!

More from @Prathkum

16 Jan
CSS arts are simple🌈
Let's make this laptop in a few simple steps👇

THREAD🧵 Image
STEPS

- Create screen
- Create base
- Create touch pad
- Create key's base
- Create keys
STEP 1: Create Screen

- Create a rectangle for our laptop screen
- Set background color as white ImageImageImage
Read 12 tweets
16 Jan
If you're learning or planning to learn Web Development in 2021 then this thread is for you 👇

THREAD🧵 Image
In this thread I'll be covering general tips for the beginners.

I wish someone had told me this when I started with web development. So I am writing this so that you do not miss the common points and speed up your learning.

LET'S START🚗
WHERE TO START? Front-end or Backend?🤔

- Well this may be a debatable question but I would suggest you to start with front-end development

- It depends entirely on the individual but in my opinion, starting with front-end development has its advantages.
Read 15 tweets
14 Jan
You can speed up your learning process by creating projects

Check out these amazing project's tutorial on YouTube👇

A Thread🧵
1️⃣ ECommerce Web Shop

2️⃣ 10 JavaScript Projects in 10 Hours

Read 12 tweets
14 Jan
Learn Programming languages by playing games😍

A Thread🧵
📌CodeCombat

🔹The most engaging way to learn Python or JavaScript by writing small code snippets

🔗codecombat.com
📌Ruby Warrior

🔹If you want to learn Ruby, then Ruby Warrior is the game for you. There are beginner and intermediate tracks to suit your skill level

🔗bloc.io/ruby-warrior#/
Read 10 tweets
13 Jan
Learn CSS by playing games🎨

THREAD🧵
📌Grid Garden

🔹A game for learning CSS grid layout in 28 different levels

🔗cssgridgarden.com
📌Unfold

🔹Not a kind of game but here you will learn all about transform property in a more interactive manner

🔗rupl.github.io/unfold/
Read 6 tweets
12 Jan
Hey👋🏼

Let's create this multilayer text effect using CSS in few simple steps🎨

Thread🧵
We will be using two key properties in order to make this illustration.

- background-image
- background-clip

If you're not familiar with these two, give them a small read

🔹developer.mozilla.org/en-US/docs/Web…

🔹developer.mozilla.org/en-US/docs/Web…
STEP 1:

Start with HTML structure. It's pretty easy, only one span element
Read 10 tweets

Did Thread Reader help you today?

Support us! We are indie developers!


This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3/month or $30/year) and get exclusive features!

Become Premium

Too expensive? Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal Become our Patreon

Thank you for your support!

Follow Us on Twitter!