Link List

Beau­ti­ful­ly designed com­po­nents that you can copy and paste into your apps. Acces­si­ble. Cus­tomiz­able. Open Source.

A web com­po­nent for a bet­ter select tag. Con­tribute to siit-dev/­bet­ter-select devel­op­ment by cre­at­ing an account on GitHub.

A mod­ern, light weight con­tent slid­er . Con­tribute to p‑m-p/s­lid­er devel­op­ment by cre­at­ing an account on GitHub.

Best-in-class Design Sys­tems with com­po­nents and foun­da­tions ref­er­ences from top-tier tech com­pa­nies and lead­ing UI teams.

Who will design the next gen­er­a­tion of read­able, writer­ly web lay­outs? Who will design them? Lay­outs for sites that are most­ly writ­ing. Designed by peo­ple who love writ­ing. Where text can be engag­ing even if it isn’t off­set by art or pho­tog­ra­phy. Where text is the point. With well-con­sid­ered flex­i­ble type­set­ting, mod­u­lar scal­ing, and read­able mea­sures across a full range…

Ion­ic Frame­work is an open-source UI toolk­it to cre­ate your own mobile apps using web tech­nolo­gies with inte­gra­tions for pop­u­lar frame­works.

A for­ward-think­ing library of web com­po­nents.

Head­less UI for build­ing pow­er­ful tables & data­grids with TS/JS, React, Sol­id, Svelte and Vue

Unstyled, ful­ly acces­si­ble UI com­po­nents

Michelle Sin­gle­tary’s Mon­ey Mile­stones: Trust­ed finan­cial advice for any age. Fil­ter finan­cial advice by age. Nice UX and good advice.

Adam Argyle has a post on using the View Tran­si­tion API, which is still a canary fea­ture now, to pow­er text tran­si­tion with CSS.

Includ­ing user research plan, user inter­view ques­tions, user inter­view scripts, usabil­i­ty test­ing script, and more. Whether you’re an aspir­ing or expe­ri­enced UX designer/​researcher, I hope these tem­plates can make your work eas­i­er and more effec­tive!