7 Awesome Sites For Front-End Developers You Probably Didn't Know Existed.👀

Doesn't matter if you do Javascript or Python, Programming requires resources 😏

Thread 🧵👇
1️⃣ Purity UI Dashboard

Free and Open Source Chakra UI Dashboard

github.com/creativetimoff… Image
2️⃣ Figma - Koloicons

Figma Community file — 3000+ FREE ICONS
Consistent icon pack in SVG format that can be used in a variety of design tools. Fully customizable.

figma.com/community/file… Image
3️⃣ Basic Pattern Repository

A collection of hand-coded SVG <pattern>’s, ready to be used in inline SVG or however you like.

https://pattern s.helloyes.dev Image
4️⃣ ssshape

SVG Blob/Organic Shape Generator with Extra Controls

Simple organic/blob shape generator that allows you to control the final shape. Copy/export as an SVG and use the blob-like shapes in your designs right away.

fffuel.co/ssshape/ Image
5️⃣ Tool.Graphics | Geometric Art

A geometric abstraction is a form of abstract art based on the use of geometric forms sometimes.

tool.graphics/geometric Image
6️⃣ LuckyResumeMaker

Make a job-winning resume in minutes. Download the PDF for free. No sign-up. No subscription.

luckyresumemaker.com Image
7️⃣ Theatre.js

Motion design library for Javascript

theatrejs.com Image
If you want to receive a summary of my best resources you can even subscribe to my weekly newsletter:
csabakissi.com/nl
That's all guys.

If you found this list useful, consider:

✅ follow me @csaba_kissi for more content like this
🔄 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!

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

2 Oct
Going to deploy the project to the server now. 🤘

- install and configure Laravel
- configure MySQL
- configure Nginx
- set up supervisor and scheduler workers Image
Laravel config done!
Nginx config done!
Read 5 tweets
2 Oct
5 Awesome Blog Posts. Web Developers' Daily Digest

Thread 🧵👇
1️⃣ Designing the Accordion: Best practices

Collapsed & Expanded states. Styling & Colors usage. Accordion samples, templates, and UX cases for a smooth experience

kamushken.medium.com/designing-the-…
2️⃣ What’s the right font size in web design?

If you want your text to be read, set it at a sufficient size! But what is good font size, and how can you apply it to your web design?

pimpmytype.com/font-size/
Read 8 tweets
1 Oct
5 Awesome Blog Posts. Web Developers' Daily Digest

Thread 🧵👇
1️⃣ Django vs WordPress — Which Is Better for Your Website?

As a web developer, your priorities are to build, design, optimize, and host the best site you can — in the least possible amount of time.

kinsta.com/blog/django-vs… Image
2️⃣ CSS Container Query Units - Ahmad Shadeed

Using units that are relative to the container size

ishadeed.com/article/contai… Image
Read 8 tweets
24 Sep
7 Awesome Sites For Front-End Developers You Probably Didn't Know Existed

Thread 🧵👇
1️⃣ CopyPasteCharacter

Click on Characters to copy HTML codes.

copypastecharacter.com
2️⃣ Smartmockups

Create stunning mockups without Photoshop.

Just insert the image and your mockup is ready in seconds. Much faster, than using PSD templates.

smartmockups.com/mockups
Read 10 tweets
23 Sep
5 Awesome Blog Posts + One resource. Web Developers' Daily Digest

Thread 🧵👇
1️⃣ Actionable Color Palettes

Collection of 30+ color palettes with a site preview.

producthunt.com/posts/actionab…
2️⃣ 6 Best JavaScript Frameworks to Use In 2021 - 1stWebDesigner

To find the best JavaScript frameworks to work with, it’s important that you know exactly what you’re looking for & what the project requires.

1stwebdesigner.com/6-best-javascr…
Read 8 tweets
23 Sep
10 FREE React Component Libraries For Web Developers

Thread 🧵👇
1️⃣ Chakra UI

Simple, Modular, and Accessible UI Components for your React applications. Built with Styled System

chakra-ui.com
2️⃣ MUI: The React component library you always wanted

MUI provides a simple, customizable, and accessible library of React components. Follow your own design system, or start with Material Design. You will develop React applications faster.

material-ui.com
Read 13 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!

:(