Frontendlab

Build. Learn. Share Frontend.

A space for developers to explore the latest frontend technologies, share knowledge, and experiment with frontend concepts and tools.

The Log

Lessons learned, practical guides, and explorations around frontend development

Dec 15, 2024
Introduction to React Server Components
Exploring the new server-side rendering capabilities in React 18+
ReactNext.js
Dec 10, 2024
CSS Grid vs Flexbox: When to Use Each
A practical guide to choosing the right layout tool for the job
CSSLayout
Dec 5, 2024
Performance Optimization in Vue 3 Applications
Advanced techniques to improve the speed and efficiency of your Vue apps
Vue.jsPerformance

The Lab

Exploring ideas through experiments, demos, and interactive projects

CSS Variables Palette Generator
Interactive tool to create color palettes with custom CSS variables
CSSJavaScript
Framer Motion Animation Playground
Collection of reusable animations and transitions for React
ReactFramer Motion
Live Code Editor
Web-based editor with real-time preview for HTML, CSS, and JavaScript
Monaco EditorTypeScript