Foundation 6

In plain words

Foundation 6 is a web framework that helps developers build responsive websites from prototype to production. It includes pre-built components and classes totaling 60KB of CSS and 84KB of JavaScript, all coded with accessibility features like ARIA attributes. The platform lets teams upload and review designs across different screen sizes, with tools for stakeholders to provide feedback on any device. It's designed for developers who need accessible, responsive web components that work everywhere.

written from the facts on this page · September 2026

From the sources

Total filesize of every component and class now weighs in at 60KB CSS & 84KB JS, with plenty of room to make them even smaller when selectively removing unused components. All code snippets come with ARIA attributes and roles along with instructions on how to properly use these components. This helps ensure that every website built on Foundation 6 can be used anywhere, on any device, by anyone. Upload your responsive design web pages to get contextual feedback on any breakpoint. Stakeholders and collaborators can annotate and review coded web pages on any device. Take your Foundation projects from prototype to production using Notable Code . We’ve created a menu system that is completely…from get.foundation

• 
  Foundation Building Blocks2017 · get.foundation · ▲279

  Free library of coded UI components to jumpstart development

• 
  Startup Framework 2.02017 · designmodo.com · ▲356

  Create a beautiful, responsive website in under an 1 hour

• 
  Web.dev by Google2018 · web.dev · ▲815

  Learn how to build for the web and see where you stand 🌟

• 
  Base UI Sketch Framework2017 · ▲263

  Huge set of everything you need to design and prototype

• 
  Module Framework2017 · ▲215

  Build static responsive websites playfully.

• 
  One – A new React framework unifying web, native and local-first2024 · onestack.dev · ▲506

  Hey HN, I'm Nate, the creator of Tamagui. One is a React framework that does two things differently in hopes of simplifying how we build websites and apps: 1. It unifies React Native and React web with typed file system routing by making Vite able to serve RN. This lets you share (or diverge) your code in a simpler way for cross-platform apps. 2. We've partnered with Zero (https://zerosync.dev) to make local-first work well. We've been building a solution in One that makes Zero supporting server rendering, without waterfalls, and with seamless server/client handoff. ---…

• 
  Lofi Cities – Pixel-art city nights with browser-generated lofi▲319

  Endless lofi beats composed live in your browser, over pixel-art nights in Paris, Tokyo, New York, Hong Kong, Sydney, San Francisco and more. Free, no sign-up.

  Work · 24d ago · loficities.com

• 
  Smooth Recorder▲257

  Mac screen recordings that look edited when you hit stop

  Work · 18d ago · smoothrecorder.com

• 
  Figma Specs▲220

  A container for your context that lives on the Figma canvas

  Work · 2d ago · figma.com

• 
  The rarest tech books and docs you've probably never read▲190

  Work · 12d ago · readrare.com

• 
  Brain.fm▲957

  Music for the brain to improve focus, meditation & sleep

  AI · 2015 · brain.fm

• 
  Something pointless I made▲747

  Life & fun · 2015 · dn.ht

• PA
  Parinfer – a simpler way to write Lisp▲674

  Parinfer - simpler Lisp editing

  Life & fun · 2015 · shaunlebron.github.io

• 
  Motion AI▲634

  Easily build chatbots to do anything, on any platform!

  AI · 2015 · motion.ai

• 
  f.lux for iOS▲596

  Auto adjust your iOS display based on the time of day

  Dev tools · 2015 · justgetflux.com

• 
  Fieldbook▲592

  Create a database, as easily as a spreadsheet

  Dev tools · 2015 · fieldbook.com