Skip to content

DEV Community

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.

Tolulope Ajewole

Mar 19

UI cards should be easy to read

#designpatterns #uidesign #weeklyui #writing

1 min read

Apr 10

Guia completo de UX/UI Design do Zero ao Avançado

#design #ux #ui #weeklyui

4 min read

TARUN KUMAR UTTAM

Oct 27 '24

Desizen: Empowering Designers with Practical UI/UX Challenges Introduction

#desizen #design #uidesign #weeklyui

1 min read

Nov 8 '24

What are UX user stories? and How to Create User Stories.

#userstories #weeklyui #ux #webdev

2 min read

Sep 2 '24

Wolverine and Deadpool poster!

#webdev #beginners #uidesign #weeklyui

1 min read

Aug 22 '24

10 Tailwind CSS Input Number Examples [Free & Open-Source]

#tailwindcss #frontend #weeklyui #html

3 min read

Shyam1806

Aug 19 '24

Few Design Inspiration Tools For Web Designers

#weeklyui #webdesign #uidesign #ux

1 min read

Mudunuri bhaskara karthikeya varma

Aug 15 '24

Introducing the Swirl Component in Eldora UI

#opensource #nextjs #typescript #weeklyui

1 min read

Jul 7 '24

🗓 Day 19: Mastering the Pen and Pencil Tools in Figma

#ux #ui #uidesign #weeklyui

2 min read

Alexis Enache for Webpixels

Sep 30 '21

5+ Bootstrap chat templates for building modern messaging user interfaces

#webdev #html #css #weeklyui

2 min read

Mukul Jain

Jul 31 '21

SmartGrid: Light, customisable & multi grid with minimal config.

#showdev #react #javascript #weeklyui

3 min read

Mukul Jain

Jun 13 '21

How to Create a 2D draggable grid with react-spring: The showdown

#react #tutorial #weeklyui #javascript

9 min read

Mukul Jain

Jun 4 '21

React useEffect: The basics and the secrets

#react #javascript #weeklyui #tutorial

2 min read

Apr 13 '21

UI/UX: How did I get started

#ux #webdev #beginners #weeklyui

3 min read

Oct 11 '20

How I am motivated my self?

#motivation #developers #weeklyui #100daysofcode

1 min read

May 12 '20

10+ ReactJS Framework Articles You Should Read

#react #tutorial #webdev #weeklyui

6 min read

May 4 '20

10+ Free and Open-Source Ghost Themes for 2020

#design #webdev #weeklyui #ghost

7 min read

⚡ Nirazan Basnet ⚡ for Weekly

Mar 2 '20

Frontend Collective - Week #3

#weeklyui #webdev #javascript #css

2 min read

Feb 14 '20

10+ Free Tailwind CSS Templates & Resources for 2020

#webdev #webperf #weeklyui

9 min read

⚡ Nirazan Basnet ⚡ for Weekly

Feb 17 '20

Frontend Collective - Week #2

#weeklyui #webdev #javascript #css

2 min read

Feb 5 '20

10 Cool Illustration Tools for Designers to Use in 2020

#design #uiweekly #weeklyui #webdev

6 min read

⚡ Nirazan Basnet ⚡ for Weekly

Feb 6 '20

Frontend Collective - Week #1

#weeklyui #webdev #javascript #css

3 min read

Jan 30 '20

Adobe XD vs Sketch vs Figma vs InVision

#design #webdev #weeklyui #productivity

8 min read

Jan 21 '20

Top 8+ Free Angular Templates You Need to Have this Winter

#angular #webperf #webdev #weeklyui

4 min read

Jan 14 '20

Top 10+ Vuejs Free Templates for 2020

#vue #webdev #weeklyui

8 min read

loading...