JUXT Design
Your one stop guide and resources for product design, UI/UX design.
Blog
PrevNext Blog Component for NextJS Using ContentLayer
Using ContentLayer, it's easy to create a Prev & Next component if you want to encourage users to read one blog article and then the order. All it takes are two simple step. 1. Create related posts lo
Migrating from Gatsby to Next.js 14
This website has entered v3 of its iteration! v2 was created using Gatsby and integrated with my previous design resources `dojo.today`. Entering v3, I'm migrating the website from Gatsby to Next.js 1
Combine Tailwind Classnames without Conflict
One of the drawback of adopting Tailwind is spotting invalid classnames and combining styles according props. Cn function propose by ByteGrad help merging classnames and accept arguments. https://ww
Resources
App
Hemingway Editor
Hemingway is a copywriting app that helps you to write readable and short articles. The app offers a minimalistic writing style to edit your piece, suggesting simple phrases, short sentences and use of passive voice. Desktop app versions are available for sale at USD19.99
Tool
Colorbook
Colorbook converts colors easily to any printing and coding format. It also visualises color pairing as web design color scheme.
Game
Munsell Hue Test
Train your eyesight to be laser-like. Munsell Hue Test is a fun yet challenging game to arrange color block by hue order. Lower the score is better.
Tool
WebGradients
Subtle color gradients collection made for website background. CSS code, PNG, Sketch and PSD previews are all set.
Collection
Really Good Emails
Really Good Emails without any explanation collects the best email copywriting for your customer outreach and retention. Users can also filter emails by categories to look for writing inspiration. (E.g. Behavioral, promotional, transactional etc.)
Tool
Colorbox
Color Scheme generation tool built by Lyft Design Team. Able to create smooth transition between palettes by adding color steps. Read more on their approach to color design.
Brandcolors
Helpful reference collecting 600+ brand color codes all over the world.
Tool
Eva Design System
A deep learning semantic color generator for user interface states.