awesome-front-end-system-design
github.com/greatfrontend/awesome-front-end-system-design ↗Curated front end system design resources for interviews and learning
8.4k
GitHub Stars
283
Curated Resources
4
Categories
2 hours ago
Last Refreshed
GeneralApplicationsTechniques / TopicsUser Interface Components
Use this list with your AI agent
Add the Context Awesome MCP server to Claude, Cursor, or any MCP client, then ask:
"Show me rich text editing (e.g. lexical, slate.js, tiptap) resources from awesome-front-end-system-design"
Installation instructions →What's inside
Applications
- 001: Intro to Lexical iOS — Lexical iOS Tutorial SeriesRich Text Editing (e.g. Lexical, Slate.js, Tiptap)
- 12 Tips to Improve Client Side Page Performance | Expedia Group TechnologyTravel Booking (e.g. Airbnb)
- Adding support for Arabic and Hebrew languages on Airbnb | The Airbnb Tech BlogTravel Booking (e.g. Airbnb)
- Address forms | Learn Forms! | web.devTravel Booking (e.g. Airbnb)
- A look at Trello: adopting GraphQL and Apollo in a legacy applicationTask Tracking (e.g. Linear, Trello)
- and tags | Articles | web.devVideo Streaming (e.g. YouTube, Netflix)
User Interface Components
- A Content SliderImage Carousel
- A CSS Approach to Trap Focus Inside of an ElementModal / Dialog
- Building a Dialog for Reddit WebModal / Dialog
- Building a Faster Web Experience with the postTask Scheduler | The Airbnb Tech BlogImage Carousel
- Building an accessible autocomplete controlAutocomplete/Typeahead
- createPortal · ReactModal / Dialog
Techniques / Topics
- A Graph-Based FirebaseLocal-first / Offline-sync
- Airbnb — A Deep Dive into Airbnb’s Server-Driven UI SystemServer-driven User Interfaces (SDUI)
- Airplane mode: enabling Trello mobile offlineLocal-first / Offline-sync
- Are Sync Engines The Future of Web Applications?Local-first / Offline-sync
- Database in the Browser, a SpecLocal-first / Offline-sync
- Dexie.jsLocal-first / Offline-sync
Showing a sample of 283 resources. View the full list on GitHub →