[]

Frontend

The best skills for engineering-related work, like building, testing, reviewing and shipping software.

  • webgl-depth-gallery

    Build a scroll-reactive 3D image gallery in Three.js with crossfades and a cursor trail

    ★105K
  • webgl-distortion-grain

    Build a Three.js gallery where scroll bends the planes and film grain sits on top

    ★105K
  • webgl-experience

    Build full-screen WebGL experiences with shaders, 3D scenes and particle fields

    ★105K
  • webgl-halftone-drift

    Build a WebGL2 hero with a flowing field shown through a halftone dot grid

    ★105K
  • webgl-holographic-foil

    Build a WebGL2 hero with thin-film foil whose colors shift as the viewing angle changes

    ★105K
  • webgl-horizontal-parallax

    Build a horizontal-scroll WebGL gallery with parallax images in Three.js

    ★105K
  • webgl-liquid-iridescence

    Build a WebGL2 hero with a living oil-on-water field and iridescent light filaments

    ★105K
  • webgl-liquid-metal

    Build a real-time liquid metal shader with molten chrome and a thin-film sheen

    ★105K
  • webgl-neon-grid

    Build a synthwave scene with a scrolling neon floor grid and a retro sun

    ★105K
  • webgl-particle-galaxy

    Build a real-time particle galaxy of GPU points spiraling around a glowing core

    ★105K
  • webgl-pixel-reveal-gallery

    Build a masonry gallery where images develop from a pixel dissolve on scroll

    ★105K
  • webgl-raymarched-hero

    Build a raymarched 3D hero of morphing metaballs with soft shadows and a camera orbit

    ★105K
  • webgl-voronoi-cells

    Build a WebGL2 hero with a living Voronoi cell network that pushes away from the cursor

    ★105K
  • worker-visualizer

    Build real-time particle and simulation visuals with Web Workers at 60fps

    ★105K
  • angular-developer

    Generate Angular code with signals, forms, routing, DI and SSR best practices

    ★101K
  • angular-new-app

    Create a new modern Angular app with the Angular CLI and its current guidelines

    ★101K
  • material-ui-nextjs

    Set up Material UI in Next.js App and Pages routers with caching and fonts

    ★99.3K
  • material-ui-styling

    Pick the right MUI styling approach among sx, styled, theme overrides and global CSS

    ★99.3K
  • material-ui-tailwind

    Combine Material UI with Tailwind CSS v4 using cascade layers and theme tokens

    ★99.3K
  • bubble-automation

    Automate Bubble tasks with the Rube MCP toolkit from Composio

    ★78.2K
  • contentful-graphql-automation

    Automate Contentful Graphql tasks with the Rube MCP toolkit from Composio

    ★78.2K
  • customjs-automation

    Automate Customjs tasks with the Rube MCP toolkit from Composio

    ★78.2K
  • plasmic-automation

    Automate Plasmic low-code frontend builder tasks through the Composio Rube MCP server

    ★78.2K
  • v0-automation

    Automate Vercel v0 UI generation and project tasks through Composio Rube MCP

    ★78.2K
  • 404-page

    Check that your 404 error page is custom and valid in the rendered HTML

    ★74.6K
  • accessible-authentication

    Review sign-in, MFA, CAPTCHA and recovery flows for accessible login steps

    ★74.6K
  • accessible-notifications

    Make toast and inline notifications announced correctly to screen reader users

    ★74.6K
  • accessible-tables

    Use semantic table markup so screen readers can read data tables correctly

    ★74.6K
  • accessible-tooltips

    Build tooltips that keyboard and screen reader users can reach and read

    ★74.6K
  • accesskeys

    Make sure every accesskey value on the page is unique and does not clash

    ★74.6K
  • accordion-accessibility

    Make accordion panels fully operable with keyboard and screen readers

    ★74.6K
  • alt-text

    Write meaningful alt text for images that describes purpose, not just content

    ★74.6K
  • anchor-smooth-scroll

    Add an instant anchor scroll option for users who want no smooth scrolling

    ★74.6K
  • animation-performance

    Animate with transform and opacity so CSS motion stays smooth and cheap

    ★74.6K
  • aria-allowed-attr

    Strip ARIA attributes that a role does not allow so assistive tech stays correct

    ★74.6K
  • aria-command-name

    Give every ARIA command element an accessible name for assistive technology

    ★74.6K
  • aria-deprecated-role

    Replace deprecated ARIA roles with current ones that screen readers support

    ★74.6K
  • aria-dialog-name

    Give each dialog an accessible name so screen readers announce its purpose

    ★74.6K
  • aria-hidden-body

    Remove aria-hidden from the body element so the page stays readable

    ★74.6K
  • aria-hidden-focus

    Stop focusable controls from sitting inside aria-hidden containers

    ★74.6K
  • aria-input-field-name

    Check that every form field and custom widget has an accessible name

    ★74.6K
  • aria-labels

    Add accessible names to interactive elements that lack visible text

    ★74.6K
  • aria-live-regions

    Announce dynamic page updates to screen readers with ARIA live regions

    ★74.6K
  • aria-meter-name

    Label meter elements so screen readers say what value they represent

    ★74.6K
  • aria-progressbar-name

    Name progress bars so screen readers announce what is loading or saving

    ★74.6K
  • aria-required-attr

    Add the ARIA attributes that each role requires to work correctly

    ★74.6K
  • aria-required-children

    Give custom ARIA widgets the child roles their composite parent requires

    ★74.6K
  • aria-required-parent

    Nest ARIA roles inside the parent roles they require, such as listitem in list

    ★74.6K
  • aria-roles

    Catch invalid ARIA role values that assistive technology cannot interpret

    ★74.6K
  • aria-text

    Keep focusable children out of role=text elements to avoid confusing screen readers

    ★74.6K