
Latest Resources for Frontend Developers No.78
Welcome to the latest edition of resources for frontend developers, No.78. Explore 14 carefully curated resources to enhance your workflows, featuring a cutting-edge presentation framework, a dynamic open-source directory, lucrative job opportunities, and more. Let's dive in!
Tools

Animotion
A framework for creating appealing slides and visualizing ideas using Svelte, Reveal.js, and Tailwind CSS.
Presentation framework
Free

VisualFlows
Experience a cost-free whiteboard and flow maker for marketing funnels, user journeys, sitemaps, mind-maps, and more.
Flowchart generator
Free

Free XP
An open-source project directory for software engineers seeking real-world experience and opportunities to contribute.
Open-source directory
Free

Floik
Create demos, videos, and step-by-step guides for your product, all in one place.
Interactive demo software
Freemium

AI image generator
Generate AI images in Figma effortlessly. Choose styles, get prompt suggestions, and create 64 free images daily.
Figma plugin
Freemium

Gradienty
Pre-designed Tailwind CSS gradients, text gradients, and box shadows with copy-paste functionality.
Gradient collection
Free
Inspiration

Dock with CSS
The macOS dock with a smooth zoom animation on hover using the :has CSS pseudo-class.
Icon hover effect

MWM
Beautiful website design for top app publishers with captivating colors, hover animations, and elegant typography.
Service website design

Decode text animation
Code fragment showcasing a text with a delightful decode effect on hover.
Text effect

Hover reveal animation
Experience a CodePen with mesmerizing image reveal on hover using CSS masks.
Image effect
Learning

The virtual keyboard API
Learn how the Virtual Keyboard API can fix UI elements hiding under the keyboard on mobile browsers.
CSS

Randomness in CSS using trigonometry
Explore trigonometry for generating pseudo-random sequences, smooth animations, and exciting visual effects.
Web animation