Latest Resources for Frontend Developers #53
In episode 53 of our series on the latest resources for frontend developers, we've curated a selection of 14 helpful resources, including a handy Figma tool, a well-designed UI component library, a great learning resource, and much more.
Theme Toggles
A set of cool, easy-to-use animated toggles to seamlessly switch between light and dark modes.
Free
Code snippets
Visit Website
Bezel
An innovative 3D design editor where teams can collaborate and prototype on a shared spatial canvas.
Free
3D online editor
Visit Website
Fig Stats
A tool to obtain valuable and detailed data about all Figma plugins and widgets.
Free
Figma tool
Visit Website
House resizing
A lovely CSS illustration of a resizable house painted with eye-catching gradient colors.
Free
Code snippet
Visit Website
Shadcn/ui
Components built nicely using Radix UI and Tailwind CSS, open source, cost-free, and compatible with Next.js 13.
Free
UI component library
Visit Website
Calligrapher.ai
A generator to transform text into handwriting, with several options to customize the result and download it as SVG.
Free
Typography tool
Visit Website
Todogrids
A to-do list app with a unique calendar heat map to boost productivity and facilitate task management.
Free
Todo app
Visit Website
Carousel with drag and wheel
A code fragment of a creative carousel with a neat drag animation without using any libraries.
Free
Code snippet
Visit Website
Getlog
A free and easy-to-use changelog solution you can set up in minutes to improve your product communication.
Free
Changelog tool
Visit Website
Tints.dev
A powerful and customizable palette generator with API integration for Tailwind CSS.
Free
Color tool
Visit Website
Clamp() Calculator
A practical tool to easily calculate clamped values based on the viewport.
Free
CSS tool
Visit Website
Pencil preloader
A CodePen of a CSS loader using a pencil with a creative spinning effect.
Free
Code snippet
Visit Website
Learn Images
Hone your image skills with a comprehensive course for beginner and expert web developers.
Free
Learning resource
Visit Website
Tweet to image
A tool to create and customize eye-catching images from tweets with a simple link from a tweet.
Free
Tweet image generator
Visit Website