8 Awesome Sites For Front-End Developers You May Not Know Existed.

Thread 🧵👇
1️⃣ Animista

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.

2️⃣ bttn.css

Awesome buttons for awesome projects. Ready to use CSS buttons. Just copy and paste to your site.

3️⃣ Glassmorphism CSS Generator - Glass UI by @zoltanszogyenyi

Generate CSS and HTML components using the glassmorphism design specifications based on the Glass UI library.

4️⃣ Water.css

A drop-in collection of CSS styles to make simple websites just a little nicer

5️⃣ Neumorphism UI

Neumorphism inspired User Interface Kit that will help you prototype and design beautiful, creative, and modern websites.

6️⃣ Pattern Collect

A curated gallery of patterns by awesome designers & illustrators.

7️⃣ CSS Background Patterns by @d__raptis

Beautiful pure CSS background patterns that you can actually use in your projects!

8️⃣ Trendy CSS Text Shadows

This free collection of beautiful long text shadows includes the fonts, colors, and CSS code to render it for your own site.

That's all guys.

If you found this list useful, consider follow me @csaba_kissi and retweeting the first tweet.

Thanks for your support guys! 🙏🤝

• • •

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

Keep Current with Csaba Kissi ⚡

Csaba Kissi ⚡ 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!


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 @csaba_kissi

21 Jul
10 Free JavaScript Video Courses for Beginners and Advanced developers.

Thread 🧵👇
1️⃣ Learn JavaScript - Full Course for Beginners by @freeCodeCamp

This complete 134-part JavaScript tutorial for beginners will teach you everything you need to know to get started with the JavaScript programming language

⏰ Length: 3:26:43!

2️⃣ JavaScript Tutorial for Beginners - Full Course in 8 Hours [2020] by @cleverqazi

This one is massive. Take your web development skills to the next level with this Clever Programmer Learn Javascript course for beginners.

⏰ Length: 7:57:28 🤯 🤯

Read 12 tweets
19 Jul
10 Best YouTube Channels for Web Developers.

Thread 🧵👇
1️⃣ TraversyMedia @traversymedia

Brad features the best online web dev and programming tutorials for all of the latest web technologies from the HTML, CSS, NodeJs, MERN stack, and tons of other topics.

100s of videos + 143+mil views = my favorite.

2️⃣ Net Ninja @thenetninjauk

Over 1000 free programming tutorials about:- Modern JavaScript (beginner to advanced)- Node.js, React, Vue.js, Firebase and others

Read 12 tweets
16 Jul
8 proven ways to earn money from your website/blog as a web developer.

Thread 🧵👇
1️⃣ Show 3rd party Ads

You can run services like Google Adsense. You just register and place the code snippet on your site. And you're set up.

Sevices that offer a CPC system can earn you more than those offering CPM.

This earned me multi-seven figures from this alone.
2️⃣ Affiliate links

You can contact third parties to look for affiliate services.
Just type "popular affiliate services" to Google.

A lot of people are selling Amazon products.

I have been selling software licenses. Revenue from this was 5 figures.
Read 10 tweets
14 Jul
7 Free APIs for your next front-end project.

You can consume them when learning Javascript or Front-end frameworks.

Thread 🧵👇
1️⃣ SpaceX API

Open Source REST API for SpaceX launch, rocket, core, capsule, Starlink, launchpad, and landing pad data


NASA provides a bunch of APIs you can use for free like Astronomy Picture of the Day and more.

Read 9 tweets
12 Jul
4 Free and Nice Icon libraries you may not know existed.

Thread 🧵👇
1️⃣ IconSax

It's a new player. Collection of very nice designed icons with rounded corners.

The official icons of the Vuesax framework.

✅ Modern look
✅ 7 formats
✅ 6 different styles of each icon
✅ 1000 x 6 = 6000 icons in total

iconsax.io Image
2️⃣ Orion Icons

8613 Free SVG & PNG Icons. Search, organize, edit and download our highly flexible Icons.

✅ Modern look
✅ 4 formats (line, solid, color, flat)

Read 6 tweets
7 Jul
7 Free Chrome extensions for SEO keyword research and on-page SEO

Thread 🧵👇
1️⃣ Keyword surfer

Allows you to see search volumes directly in Google search results.

For every new search in Google, you’ll uncover:
✅ search volumes
✅ keyword suggestions
✅ related terms
✅ visibility metrics
✅ on-page data.

2️⃣ Ubersuggest - SEO and Keyword Discovery

Free chrome extension and a powerful SEO tool that shows you keywords monthly search volume, CPC & competition data.

Read 9 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!