Frontend Planet 🪐
@frontendplanet
Followers
123
Following
506
Media
376
Statuses
1K
Sharing the latest resources for frontend developers. Join our newsletter: https://t.co/VD5skEhHkA
Joined April 2023
🚀 Issue 109 of our #newsletter is here, packed with the latest in #frontend. 👉 👈. Subscribe for more weekly insights 💌 at
1
0
1
Generate stunning AI-powered illustrations and graphics for your projects with Transform your ideas into beautiful art effortlessly. by @KristjanRetter. 👉 👈. #AI #Design
0
0
2
Conduct effective and engaging retrospectives with Kollabe's free online tools, perfect for Scrum and Agile teams to improve processes and collaboration. by @Kollabe_ . 👉 👈
0
0
0
Discover the key insights and trends from the 2023 State of React survey, highlighting the latest in React development, tooling, and community practices. 👉 👈. #React #webdeveloper #FrontEnd.
2023.stateofreact.com
0
0
0
Unleash your creativity with Figma AI! 🚀 Get started faster, find assets quickly, and let AI handle the details. From generating mockups to renaming layers and translating text. by @figma. 👉 👈. #Figma #AI #DesignTools.
figma.com
Get started faster, find what you’re looking for, and stay in the flow—with AI tools build for your workflows. Sign up for free today and harness the power of Figma AI.
0
0
0
Notion Sites is here! Easily turn your Notion pages into websites. Perfect for personal blogs, portfolios, or team wikis. No coding needed!. by @NotionHQ. 👉 👈. #Notion #WebDesign #NoCode.
notion.com
The easiest way to launch a website. Drag-and-drop building blocks. Effortless content management. AI to help you fill in the gaps.
0
0
0
RT @jh3yy: The trick here was creating a function that takes GSAP eases and converts them to CSS linear() 🔥. A flicker effect is a GSAP Rou….
0
41
0
RT @astrodotbuild: Astro 4.7 is here to raise the bar!. The Astro dev toolbar, that is. We've made it easier than ever to build toolbar….
astro.build
Astro 4.7 is out now! This release includes significant improvements to the API for making toolbar apps, a new way to keep yourself up to date, and more.
0
62
0
RT @jh3yy: CSS scroll-driven "CTA to Nav" 🗺️. nav {. grid-template-columns:. auto calc(var(--grow) * 240px) auto;. transition: 1s var(--….
0
164
0
Get your free copy of the Frontend Handbook 2024!.
The Front End Developer/Engineer Handbook 2024 — A Guide to Modern Web Development . We just released the highly anticipated Frontend Handbook 2024 (, by Cody Lindley!. (.
0
0
0
Fantastic animation! Love seeing the behind-the-scenes process. 👏.
Learn how we built our interactive 3D badge for Vercel Ship with React Three Fiber.
0
0
0
Discover top-tier, AI-created stock images and royalty-free photos for any project, available at no cost. by @lummipics . 👉 👈.
lummi.ai
Discover trending images, hot collections, top creators, and more—your new hub for creative inspiration.
0
1
1
Explore a collection of Open Graph examples to enhance your website's social media integration and user engagement. by @DmytroKrasun . 👉 👈.
opengraphexamples.com
Advice, helpful content, and tools to make your Open Graph social cards stand out.
0
0
0
Transform your code snippets into visually appealing images with CodeSnap's editor. Perfect for developers aiming to enrich their digital content. by @Mokkapps. 👉 👈.
codesnap.dev
An image editor for developers, who want to share beautiful images of their code.
0
0
1
An open-source React.js library for advanced canvas shading, It includes components like Lumiflex, Zenitho, and Novatrix for diverse visual effects. by @latent_cat . 👉 👈
0
0
1
Dive into Gradientor by Rodolfo Fanti. Move, click, scroll, and press SPACEBAR to craft & copy unique CSS gradients. by @3DRudy. 👉 👈.
gradientor.app
Move your mouse and be inspired by infinite color possibilities!
0
0
1
Explore diverse web animation techniques through a practical comparison, making a ball bounce using Vanilla JS and various other methods. by @hearsparkbox . 👉 👈.
sparkbox.github.io
Bouncy Ball compares web animation techniques by showing how to bounce a ball with each one.
0
0
0
Dive into the Popover API's versatility for UI components like dropdowns and tooltips, featuring flexible anchor positioning and seamless interaction. by @FrontendMasters. 👉 👈.
frontendmasters.com
0
0
1
Explore the comprehensive guide to visual testing using Playwright. Learn techniques to ensure your app's appearance stays consistent across browsers and devices. by @browsercatco . 👉 👈.
browsercat.com
Visual testing is essential in web app development, ensuring your users never face a broken UI. Learn everything you'll need in this comprehensive guide.
0
0
1