DEV Community

Cover image for Frontend Resources V2! πŸš€
Miguel
Miguel

Posted on

Frontend Resources V2! πŸš€

πŸš€ Supercharge Your Development with These Resources! πŸš€

πŸ‘‹ Hey everyone! πŸ‘‹

After the great response to my previous post on Frontend Resources, I’ve decided to create an updated version. This time, I’ve included not only all the tools and libraries I shared before but also a bunch of new resources I've discovered since then.

This collection is packed with a wide range of tools that cover everything from building stunning user interfaces to fine-tuning performance and much more. These resources have been invaluable in my own projects, and I’m excited to share them with you. I hope they’ll be just as useful for you as they have been for me!

Feel free to share any additional resources you use or find interestingβ€”I’d love to add them to the list! Let’s dive in!

UI:

  • Material Tailwind: A robust UI kit combining Material Design and Tailwind CSS
  • MiracleUI: Components built in pure CSS and customizable
  • Bentoed: A html/css/tailwind bento catalog
  • Aceternity UI: Sleek and modern UI components for your next project
  • NextUI: Craft beautiful interfaces effortlessly with NextUI
  • ChakraUI: A simple, modular, and accessible component library
  • Trading view Charts: Power up your data visualization game with lightweight charts from TradingView
  • AutoAnimate: Easily create stunning animations with AutoAnimate
  • React-magic-motion: Add a touch of magic to your React components
  • Keep React: Keep your React components fresh and stylish
  • Daisy UI: Create delightful interfaces with Daisy UI
  • ShadCn: Elevate your UI with sleek and elegant components
  • Clip path: Get creative with shapes using Clippy
  • Radix: Build powerful and composable UIs with Radix
  • Layout generator: Design flexible layouts with ease
  • Utilities: A handy toolkit for gradients, cursors, and more
  • Image Generator: Instantly spruce up your designs with high-quality images
  • Buttons: Button up your UIs with style
  • PrimeReact: Prime components for your React applications
  • Everything in one page: Explore a curated collection of resources
  • Beer CSS: A semantic HTML CSS framework based on Material Design 3.

Gradients:

  • Firecms: Dynamic gradients for your projects
  • Shadergradient: Create stunning shader gradients effortlessly.
  • MSHR: A collection of 434 vanilla CSS mesh gradients free for you to use in any of your projects.

SVGs:

  • Shapes: Beautiful SVG shapes for your designs
  • SVGs: Discover a vast collection of SVGs
  • SVG Illustrations: Add life to your projects with illustrations from Undraw
  • Flags: 250+ open source flag icons to use in your design tool or in your code project

Icons:

Others:

Tailwind:

JavaScript:

React:

Animations

Top comments (42)

Collapse
 
ricardogesteves profile image
Ricardo Esteves

Nice, this is useful! Thanks for sharing it.

Collapse
 
andgoedu profile image
ANDGOEDU

Lets Go !!! Great Resources Thanks Mate Definetly BookMarked.

Collapse
 
aleksejunas profile image
Rolf Aleksejunas Øvrum Christensen

Great job! :)

Collapse
 
raulpenate profile image
The Eagle πŸ¦…

Lovely!

Collapse
 
codecraftjs profile image
Code Craft-Fun with Javascript

Thanks for sharing these resources!

Collapse
 
dad_562765197a2 profile image
Daniel Lowery

Great job thank you!

Collapse
 
monica_exists profile image
Monica Blake

Amazing. Great list!

Collapse
 
barnito profile image
Bruno

Amazing proyect, nice work!!!

Collapse
 
tanosimboangy profile image
Jacquit Ratongamanahaja

Thanks a lot!

Collapse
 
polipo_gio profile image
Giovanni Proietta • Edited

Have you checked Polipo (demo video, website)?

Collapse
 
yolyc978057 profile image
Yoly C

A really amazing project, thanks for sharing it

Collapse
 
syedmuhammadaliraza profile image
Syed Muhammad Ali Raza

Image description

Collapse
 
seudmon profile image
Seudmon

Really good, thanks for the resources!

Collapse
 
jjavcode profile image
Jhordam Aguilera

Grateful for resources, i love it!

Collapse
 
tatanka profile image
Tatanka.nl

Good post!