Bookmarks · frontend

Using React in Visual Studio Code

React JavaScript tutorial showing IntelliSense, debugging, and code navigation support in the Visual Studio Code editor.

jsx-eslint/eslint-plugin-react: React-specific linting rules for ESLint

React-specific linting rules for ESLint

react-router/examples at dev · remix-run/react-router

Declarative routing for React

Home

React hook for form validation without the hassle

Overview | TanStack Form Docs

TanStack Form is the ultimate solution for handling forms in web applications, providing a powerful and flexible approach to form management. Designed with first-class TypeScript support, headless UI...

Overview | TanStack Query React Docs

TanStack Query (formerly known as React Query) is often described as the missing data-fetching library for web applications, but in more technical terms, it makes fetching, caching, synchronizing and...

React Hooks for Data Fetching – SWR

SWR is a React Hooks library for data fetching. SWR first returns the data from cache (stale), then sends the fetch request (revalidate), and finally comes with the up-to-date data again.

HTML Reference

A free guide to all HTML elements and attributes.

Code Guide

Standards for developing consistent, flexible, and sustainable HTML and CSS.

Next.js by Vercel - The React Framework

Next.js by Vercel is the full-stack React framework for the web.

React

React is the library for web and native user interfaces. Build user interfaces out of individual pieces called components written in JavaScript. React is designed to let you seamlessly combine components written by independent people, teams, and organizations.

facebook/react

The library for web and native user interfaces

React Blog – React

The library for web and native user interfaces

Tailwind CSS templates - Cruip

Beautifully designed templates built with Tailwind CSS and fully coded in HTML, React, Next.js, and Vue.

LaLoka Layouts for Tailwind CSS

A collection of useful Tailwind CSS layouts and patterns

Tailwind Color Shades Generator

Color shades generator for Tailwind CSS. Generate the Tailwind CSS config entries for a given color(s) and automatically generate the shades

Color Scheme Generator

Neobrutalism components

A collection of neobrutalism-styled components based on shadcn/ui.

Panda CSS - Build modern websites using build time and type-safe CSS-in-JS

Build modern websites using build time and type-safe CSS-in-JS

Introduction – tailwind-variants

The power of Tailwind combined with a first-class variant API.

Stitches — CSS-in-JS with near-zero runtime

CSS-in-JS with near-zero runtime, SSR, multi-variant support, and a best-in-class developer experience, by WorkOS.

Handling Text Over Images in CSS

Learn how to handle text over images in CSS by taking accessibility in mind

Wickedblocks - Free Tailwind Blocks

A collection of hundreds of fully responsive Talwind blocks & components. Ready to copy-paste into your Tailwind project.

tailwindlabs/tailwindcss-forms: A plugin that provides a basic reset for form styles that makes form elements easy to override with utilities.

A plugin that provides a basic reset for form styles that makes form elements easy to override with utilities. - tailwindlabs/tailwindcss-forms

BG.IBELICK - Ready-to-Use Background Snippets

Modern background snippets for web developers crafted with Tailwind CSS and Vanilla CSS.

Autoprefixer CSS online

Autoprefixer is a PostCSS plugin which parses your CSS and adds vendor prefixes

Tailwind CSS - Rapidly build modern websites without ever leaving your HTML.

Tailwind CSS is a utility-first CSS framework for rapidly building modern websites without ever leaving your HTML.

Tailanimista

Configurable custom animation utilities generator for Tailwind CSS.

Gradients for Tailwind CSS | Hypercolor

A curated collection of beautiful Tailwind CSS gradients using the full range of Tailwind CSS colors. Easily copy and paste the class names, CSS or even save the gradients as an image.

Tailwind CSS Components - 600+ Free Examples and Templates

A free repository of open source Tailwind CSS components and templates to bootstrap your new apps, projects or landing sites!

Bulma: Free, open source, and modern CSS framework based on Flexbox

Bulma is a free, open source CSS framework based on Flexbox and built with Sass. It's 100% responsive, fully modular, and available for free.

Animate.css | A cross-browser library of CSS animations.

Animate.css is a library of ready-to-use, cross-browser animations for you to use in your projects. Great for emphasis, home pages, sliders, and attention-guiding hints.

postcss/autoprefixer: Parse CSS and add vendor prefixes to rules by Can I Use

Parse CSS and add vendor prefixes to rules by Can I Use - postcss/autoprefixer

postcss/postcss: Transforming styles with JS plugins

Transforming styles with JS plugins

An Introduction to PostCSS — SitePoint

CSS preprocessors are popular, but they have some drawbacks. Learn the advantages of PostCSS and what its extensive range of plugins can do.

Autoprefixer: A Postprocessor for Dealing with Vendor Prefixes in the Best Possible Way | CSS-Tricks

The following is a guest post by Andrey Sitnik, the creator of the Autoprefixer tool, a "postprocessor" for handling vendor prefixes in CSS. Why use this

CSS Reference

CSS Reference is a free visual guide to CSS. It features the most popular properties, and explains them with illustrated and animated examples.

CSS-Tricks - A Website About Making Websites

Bootstrap

Powerful, extensible, and feature-packed frontend toolkit. Build and customize with Sass, utilize prebuilt grid system and components, and bring projects to life with powerful JavaScript plugins.

Documentation - Materialize

Materialize is a modern responsive CSS framework based on Material Design by Google.

Material Design Lite

A front-end template that helps you build fast, modern mobile web apps.

Defensive CSS

Practical CSS and design tips that helps in building future-proof user interfaces.

Relearn CSS layout

Fluid typography with CSS clamp

Learn to create a simple, accessibility friendly and configurable fluid type system that uses modern CSS sizing functions.

CSS Guidelines

High-level advice and guidelines for writing sane, manageable, scalable CSS

ITCSS: Scalable and Maintainable CSS Architecture - Insights - xfive

How do I make my CSS scalable and maintainable? It’s a concern for every front-end developer. ITCSS has an answer.

Moderncss

A series examining modern CSS solutions to problems Stephanie Eckles (@5t3ph), a seasoned frontend developer, has been solving for 15+ years.

Flexbox Tutorial: Learn CSS Flexbox in this free course with interactive lessons, taught by Per Borgen

This tutorial teaches you CSS Flexbox through 12 interactive screencasts. You'll learn all the key concepts in addition to building a responsive

CSS Grid Layout Guide | CSS-Tricks

Our comprehensive guide to CSS grid, focusing on all the settings both for the grid parent container and the grid child elements.

CSS Flexbox Layout Guide | CSS-Tricks

Our comprehensive guide to CSS flexbox layout. This complete guide explains everything about flexbox, focusing on all the different possible properties for the parent element (the flex container) and the child elements (the flex items). It also includes history, demos, patterns, and a browser support chart.