Skip to content

Forem

Weekly UI

Design one UI component per week, and implement one feature per day.

about #weeklyui

#weeklyui is a weekly exercise to help expand one's design and development skills, adding features in incrementally, and showing your results to the community!

Any questions? Contact @geoff via twitter or by replying to a post with your question(s).

Current Challenge

Check out the schedule and steps for the current challenge:

Results Page

(Sunday 4/22) Design component
Result entry, sponsored/best seller indicators
Grid/list view toggles
Sorting
Pagination/load more
100% a11y score
Tweaks, refactors, fixes

Past Challenges

Ecommerce Listing (Wk1)

Search Bar (Wk2)

👋 Sign in for the ability to sort posts by relevant, latest, or top.

Cover image for Top 10+ Vuejs Free Templates for 2020

Jan 14 '20

Top 10+ Vuejs Free Templates for 2020

#vue #webdev #weeklyui

8 min read

Cover image for 10 Most Awesome Projects Built with Vue.JS

Jan 10 '20

10 Most Awesome Projects Built with Vue.JS

#vue #uiweekly #weeklyui #webdev

4 min read

Cover image for 10+ Best free admin dashboard templates for your next project

Dec 16 '19

10+ Best free admin dashboard templates for your next project

#dashboards #webdev #weeklyui #opensource

9 min read

Cover image for 5 Cool React Native Free Templates

Dec 5 '19

5 Cool React Native Free Templates

#react #reactnative #weeklyui #webdev

3 min read

Nov 15 '19

20 Gorgeous Sites Built with Twitter Bootstrap

#design #webdev #webperf #weeklyui

5 min read

Cover image for Portfolio Progression

Sep 10 '19

Portfolio Progression

#design #career #weeklyui

2 min read

killuminat

Jul 11 '19

Sport

#webpack #webdev #wordpress #weeklyui

1 min read

Cover image for Weekly UI Challenge Week 3 Day 6: Score 100% in an a11y audit

Apr 27 '18

Weekly UI Challenge Week 3 Day 6: Score 100% in an a11y audit

#challenge #ui #weeklyui #a11y

3 min read

Cover image for Weekly UI Challenge Week 3 Day 7: Tweak, refactor, and/or fix your code

Apr 28 '18

Weekly UI Challenge Week 3 Day 7: Tweak, refactor, and/or fix your code

#challenge #ui #weeklyui

1 min read

Cover image for Weekly UI Challenge Week 3 Day 5: Add a pagination/load more feature

Apr 27 '18

Weekly UI Challenge Week 3 Day 5: Add a pagination/load more feature

#challenge #ui #weeklyui #react

3 min read

Cover image for Weekly UI Challenge Week 3 Day 4: Add sorting

Apr 26 '18

Weekly UI Challenge Week 3 Day 4: Add sorting

#challenge #ui #weeklyui #react

2 min read

Cover image for Weekly UI Challenge Week 3 Day 3: Add grid/list view toggles

Apr 25 '18

Weekly UI Challenge Week 3 Day 3: Add grid/list view toggles

#challenge #ui #weeklyui #react

2 min read

Cover image for Weekly UI Challenge Week 3 Day 2: Add result entry, sponsored/best seller indicators

Apr 24 '18

Weekly UI Challenge Week 3 Day 2: Add result entry, sponsored/best seller indicators

#challenge #ui #weeklyui #react

2 min read

Cover image for Weekly UI Challenge Week 3 Day 1: Design a Results Page

Apr 23 '18

Weekly UI Challenge Week 3 Day 1: Design a Results Page

#challenge #ui #weeklyui #design

2 min read

Cover image for Weekly UI Challenge Week 2 Day 6: Score 100% in an a11y audit

Apr 21 '18

Weekly UI Challenge Week 2 Day 6: Score 100% in an a11y audit

#challenge #ui #weeklyui #a11y

3 min read

👋 Sign in for the ability to sort posts by relevant, latest, or top.