gui-challenges

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

APACHE-2.0 License

Stars
2.6K
View Code on GitHub Visit Website View on X
Ecosystems: JavaScript, CSS

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.

  1. Stories
    Demo
    YouTube
    Article
  2. Centering
    Demo
    YouTube
    Article
  3. Sidenav
    Demo
    YouTube
    Article
  4. Tabs
    Demo
    YouTube
    Article
  5. Settings
    Demo
    YouTube
    Article
  6. Split Text
    Demo
    YouTube
    Article
  7. Media Scroller
    Demo
    YouTube
    Article
  8. Color Schemes
    Demo
    YouTube
    Article
  9. Breadcrumbs
    Demo
    YouTube
    Article
  10. Switch
    Demo
    YouTube
    Article
  11. Split Buttons
    Demo
    YouTube
    Article
  12. Multi-Select
    Demo
    YouTube
    Article
  13. Game Menu
    Demo
    YouTube
    Article
  14. Toast
    Demo
    YouTube
    Article
  15. Theme Switch
    Demo
    YouTube
    Article
  16. SVG Favicon
    Demo
    YouTube
    Article
  17. Loading Bar
    Demo
    YouTube
    Article
  18. Dialog
    Demo
    YouTube
    Article
  19. Buttons
    Demo
    YouTube
    Article
  20. FABs
    Demo
    YouTube
    Article
  21. Carousels
    Demo
    YouTube
  22. Crooked Grid Illusion
    Demo
    YouTube
    Article
  23. Tooltips
    Demo
    YouTube
    Article
  24. Transitions
    Demo
    YouTube
  25. Card Stack
    Demo
    YouTube
  26. Spring Physics
    Demo
    YouTube
  27. Glitch
    Demo
    YouTube
  28. Switch Group
    Demo
    YouTube
  29. SciFi Scroll Text
    Demo
    YouTube
  30. okLCH Color Palettes
    Demo
    YouTube
  31. Morphing Button
    Demo
    YouTube
  32. Adaptive Typography
    Demo
    YouTube
    Article
  33. Relative Colors
    Demo
    YouTube
    Article
  34. Halloween Projection
    Demo
    YouTube
  35. Picklists
    Demo
    YouTube
  36. Compare
    Demo
    YouTube
Related Projects
frontend-resources

A list of resources concerning front-end web development. From HTML, CSS and JavaScript to testin...

06 Jan 2020 18
100-days-of-code

100 Days of Code | Daily Challenges | Beautifully Crafted Designs | Created for Full-stack/Fronte...

13 Aug 2024 21
50projects50days

50+ mini web projects using HTML, CSS & JS

16 Nov 2020 36,938
fylgja

The modular highly customisable CSS framework. Powered by CSS Components, Utilities and Props for...

24 May 2016 90
front-ui

Collect some front-end special effects （收集一些前端特效）

08 Feb 2017 270
TNT-Weekly

🙈 🙉 🙊 每周为您推荐国内外前端领域最新的优秀文章以及行业进展

04 Mar 2019 5,137
all-of-frontend

你想知道的前端内容都在这

24 Feb 2021 5,250
Front-End-Web-Development-Resources

This repository contains content which will be helpful in your journey as a front-end Web Developer

17 Aug 2017 4,732
awesome-webdev-resources

A curated list of useful websites and resources for web developers

31 Jul 2024 102
ZeroOctave-Javascript-Projects

This Repository Contains 150+ web development Projects.

19 Jun 2021 540