frontend
Architectural methodology for frontend projects.
Feature-Sliced Design (FSD) is an architectural methodology for scaffolding front-end applications. Simply put, it's a compilation of rules and conventions on organizing code. The main purpose of this methodology is to make the project more understandable and structured in the face of ever-changing business requirements.
Source: Architectures of modern Front-end applications @ BRACKETS' Medium.
✨ Your best Front-End Tool ✨.
🗂 The Front-End Checklist Application is perfect for modern websites and meticulous developers!
The Front-End Checklist is an exhaustive list of all elements you need to have / to test before launching your website / HTML page to production.
Related contents:
Framework reimagined for the edge!. Deliver instant apps at scale. Build instantly-interactive web apps without effort.
Qwik is a new kind of web framework that can deliver instant loading web applications at any size or complexity. Your sites and apps can boot with about 1kb of JS (regardless of application complexity), and achieve consistent performance at scale.
Related contents:
Private alternative front-end for Genius.
With the massive daily increase of useless scripts on Genius's web frontend, and having to download megabytes of clutter, dumb tries to make reading lyrics from Genius a pleasant experience, and as lightweight as possible.
Instant sync. A new way to build apps with distributed state.
Jazz is an open-source toolkit for building apps with distributed state.
Related contents:
Statistically rigorous benchmark runner for the web.
tachometer is a tool for running benchmarks in web browsers. It uses repeated sampling and statistics to reliably identify even tiny differences in runtime.
APM for Ruby, Elixir, Node.js & Python. No-brainer monitoring for smart developers. Application Monitoring for Ruby on Rails, Elixir, Node.js & Python.
Framework independent visual testing library.
Mugshot is a node library for doing visual regression testing. The way screenshots are taken, processed, compared and stored is entirely customizable. You can use it to write visual regression tests for websites, mobile apps, native apps etc. Moreover, Mugshot doesn't impose any preferences on how you write or execute the tests, it just gives you an assertion that you can call however and whenever you want.
Frontend-as-a-service for eCommerce.
PWA Frontend Solution for Headless & Composable Front-Commerce is the only front-end that improves the developer, merchant & customer experience all at the same time.
Simple and complete testing utilities that encourage good testing practices
JavaScript Web Testing and Component Testing Framework. Test. Automate. Accelerate.
With Cypress, you can easily create tests for your modern web applications, debug them visually, and automatically run them in your continuous integration builds.
Build apps in components. An open-source toolchain for component-driven software. Forget monolithic apps and distribute development to components.
The frontend boilerplate with superpowers.
A well-structured production-ready frontend boilerplate with Typescript, React Testing Library, styled-component, React Query, .env, Axios, Bundle Analyzer, Prettier and 30+ plugins. superplate creates ready-to-develop projects for React and Next.js and refine.
A list of helpful front-end related questions you can use to interview potential candidates, test yourself or completely ignore. This repository contains a number of front-end interview questions that can be used when vetting potential candidates. It is by no means recommended to use every single question here on the same candidate (that would take hours). Choosing a few items from this list should help you vet the intended skills you require.
Build smaller, faster, and more secure desktop applications with a web frontend. Build an optimized, secure, and frontend-independent application for multi-platform deployment.
Yew is a modern Rust framework for creating multi-threaded front-end web apps using WebAssembly.
Next Generation Frontend Tooling
Get ready for a development environment that can finally catch up with you.
Overview of alternative open source front-ends for popular internet platforms (e.g. YouTube, Twitter, etc.)
Build Better Websites. Create modern, resilient user experiences with web fundamentals.
Focused on web standards and modern web app UX, you’re simply going to build better websites
Remix is a full stack web framework that lets you focus on the user interface and work back through web standards to deliver a fast, slick, and resilient user experience. People are gonna love using your stuff.
Related contents:
the JavaScript Database that Syncs! PouchDB is an open-source JavaScript database inspired by Apache CouchDB that is designed to run well within the browser.
PouchDB was created to help web developers build applications that work as well offline as they do online.
Related contents:
Inferno is an insanely fast, React-like library for building high-performance user interfaces on both the client and server.
A composable charting library built on React components.
Recharts is a Redefined chart library built with React and D3. The main purpose of this library is to help you to write charts in React applications without any pain.
This widget is used for transforming a hierarchy HTML lists with input's into a hierarchial tree select tool. You can also call this widget with a structured JSON list and it will convert it to an HTML hierarchy select tool of those items.
A jQuery plugin that suggests and autocompletes the domain whenever your users type in an email address field.
Rich_TextArea is a jQuery plugin replacement for the venerable HTML TEXTAREA that adds arbitrary triggered autocompletes along with the insertion of rich “embedded objects” included images, links, or any other markup.
a fast and fully-featured autocomplete library.
The typeahead.js library consists of 2 components: the suggestion engine, Bloodhound, and the UI view, Typeahead. The suggestion engine is responsible for computing suggestions for a given query. The UI view is responsible for rendering suggestions and handling DOM interactions. Both components can be used separately, but when used together, they can provide a rich typeahead experience.
Front-end starter kit combined with the power of SCSS & Compass.
Pondasee is a little front-end web developer framework to help designer or developer.