argyleink/gui-challenges

Components from the YouTube show GUI Challenges: accessible, responsive, adaptive and cross browser components.

HTML

2,990

50 commits

updated Feb 19, 2025

youtube.com/playlist?list=PLNYkxOF6rcIAaV1wwI9540OC_3XoIzMjQ

See the code

README

GUI Challenges

I build interfaces my way, then challenge you to do it your way. With our creative minds combined, we'll find multiple ways to solve these interfaces and expand the diversity of our skills.

Stories Demo YouTube Article
Centering Demo YouTube Article
Sidenav Demo YouTube Article
Tabs Demo YouTube Article
Settings Demo YouTube Article
Split Text Demo YouTube Article
Media Scroller Demo YouTube Article
Color Schemes Demo YouTube Article
Breadcrumbs Demo YouTube Article
Switch Demo YouTube Article
Split Buttons Demo YouTube Article
Multi-Select Demo YouTube Article
Game Menu Demo YouTube Article
Toast Demo YouTube Article
Theme Switch Demo YouTube Article
SVG Favicon Demo YouTube Article
Loading Bar Demo YouTube Article
Dialog Demo YouTube Article
Buttons Demo YouTube Article
FABs Demo YouTube Article
Carousels Demo YouTube
Crooked Grid Illusion Demo YouTube Article
Tooltips Demo YouTube Article
Transitions Demo YouTube
Card Stack Demo YouTube
Spring Physics Demo YouTube
Glitch Demo YouTube
Switch Group Demo YouTube
SciFi Scroll Text Demo YouTube
okLCH Color Palettes Demo YouTube
Morphing Button Demo YouTube
Adaptive Typography Demo YouTube Article
Relative Colors Demo YouTube Article
Halloween Projection Demo YouTube
Picklists Demo YouTube
Compare Demo YouTube

accessibility

creativity

css

educational

html

interfaces

javascript

webdev

Significant stargazers

(top 24 of 30)

Bogdan Chadkin

1,091 followers · starred Oct 2024

Yosh

3,424 followers · starred Oct 2021

Shu Ding

8,328 followers · starred Feb 2022

Jiachi Liu

2,102 followers · starred Feb 2022

Similar repos

you-dont-need/You-Dont-Need-JavaScript

CSS is powerful, you can do a lot of things without JS.

20,579

swyxio/spark-joy

Archived — Spark Joy now lives on Forge.

9,783

bradtraversy/50projects50days

50+ mini web projects using HTML, CSS & JS

40,650

birobirobiro/awesome-shadcn-ui

A curated list of awesome things related to shadcn/ui.

20,630

andreasbm/web-skills

A visual overview of useful skills to learn as a web developer

7,651

bradtraversy/design-resources-for-developers

Curated list of design and UI resources from stock photos, web templates, CSS frameworks, UI…

67,146

GoogleChrome/modern-web-guidance-src

1,148

web-padawan/awesome-web-components

A curated list of awesome Web Components resources.

3,599