Share this page!

Pratham πŸ‘¨β€πŸ’»πŸš€ Profile picture
Twitter logo
18 Mar, 9 tweets, 4 min read
Do not write CSS code, use these free generators instead that can help you immensely

A Thread 🧡
1️⃣ Stripes generator

- Pure CSS Stripes Generator that you can use for backgrounds.

πŸ”— stripesgenerator.com
2️⃣ 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
3️⃣ Pattern generator

- It lets you create background pattern for free

πŸ”— patternify.com
4️⃣ CSS Accordion Slider Generator

- Create fully responsive, css only accordion sliders

πŸ”— accordionslider.com
5️⃣ Palette Ninja

- Palette ninja is an online color scheme generator that allows you to create harmonious color schemes in seconds.

πŸ”— palette.ninja
6️⃣ Layout generator

- Quickly design web layouts, and get HTML and CSS code. Learn CSS Grid visually and build web layouts with our interactive CSS Grid Generator.

πŸ”— grid.layoutit.com
7⃣ Animation generator

- Dead simple visual tools to help you generate CSS for your projects.

πŸ”— keyframes.app
8⃣ Grid Layout generator

- The Quickest & Easiest Way To Build Complex CSS Grid Layouts.

πŸ”— css-grid-layout-generator.pw

β€’ β€’ β€’

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

Pratham πŸ‘¨β€πŸ’»πŸš€ Profile picture
19 Mar
If you are a developer then these GitHub repositories or websites will boost your knowledge to the next level

A Thread 🧡
1️⃣ JavaScript

- A kind of eBook in the form of readme. Covers from beginners to intermediate concepts of JavaScript

πŸ”— github.com/GitbookIO/java… Image
2️⃣ Python

- A huge list of python projects, snippets, example and almost everything related to Python which helps you understand it in detail

πŸ”— github.com/geekcomputers/…
Read 6 tweets
Pratham πŸ‘¨β€πŸ’»πŸš€ Profile picture
18 Mar
I know you haven't changed your Twitter header for a while

You can choose one of my css artsπŸ˜‰
2. A Programmer Desk
3. Customizable

Just change you name and use it

codepen.io/prathamkumar/p…
Read 7 tweets
Pratham πŸ‘¨β€πŸ’»πŸš€ Profile picture
18 Mar
5 cool things you can do with CSS 🎨

THREAD 🧡
1️⃣ Typewriter effect using CSS only

- You can create cool typing effect using steps() function of animation-timing-function

Displays an animation iteration along n stops along the transition, displaying each stop for equal lengths of time

{ 2 / 10 }
The code is pretty simple. Check it out here πŸ‘‡πŸ»

codepen.io/prathamkumar/p…

{ 3 / 10 }
Read 10 tweets
Pratham πŸ‘¨β€πŸ’»πŸš€ Profile picture
17 Mar
5 amazing websites that will blow the mind of a developer. Definitely check them out

πŸ§΅πŸ‘‡πŸ»
1️⃣ Animation generator

- Dead simple visual tools to help you generate CSS for your projects.

πŸ”— keyframes.app
2️⃣ Neural Network Visualizer

- Deep playground is an interactive visualization of neural networks, written in TypeScript using d3.js.

πŸ”— playground.tensorflow.org
Read 6 tweets
Pratham πŸ‘¨β€πŸ’»πŸš€ Profile picture
16 Mar
A beginner's guide to getting started with CSS art and illustration

ThreadπŸ§΅πŸ‘‡πŸ»
Ok I consider CSS arts as the combination of some CSS properties

- Position
- border
- background
- animation
- transform
- perspective
- box-shadow

{ 1 / nn }
Mastering the above mentioned properties can complete 90% of the work for you

Although the process is little tough but tough things are cool 😎

{ 3 / nn }
Read 18 tweets
Pratham πŸ‘¨β€πŸ’»πŸš€ Profile picture
16 Mar
I've brought you some amazing GitHub repositories of web development tips and tricks 🌟

THREADπŸ§΅πŸ”½
1️⃣ JS Tips

- A huge list of 73 great tips and tricks of JavaScript

πŸ”— github.com/loverajoel/jst…
2️⃣ CSS Protips

- A collection of tips to help take your CSS skills pro. Definitely check it out

πŸ”— github.com/AllThingsSmitt…
Read 8 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!

Like this author's thread?

Get emails when @Prathkum has new unrolls!

Check out other threads from @Prathkum!

Read all threads by @Prathkum