Gifts for front-end developers

Front-end is the easiest discipline to buy for and the easiest to get wrong, because the logos are recognisable enough that a mistake is obvious. Give a Vue developer a React shirt and they will be polite about it exactly once. The safe move is to work out which framework they actually use — check their GitHub, or just listen for a week — and if you genuinely cannot tell, go for something from the tooling layer that everyone touches regardless.

Last updated

Every pick below is one of our own designs, sold through Redbubble and TeePublic — we earn from sales. How this site makes money.

  1. The React atom logo drawn in grey with one orbital ring redrawn as a red heart around the nucleus

    React Heart Logo

    The best gift in the React range, because the heart takes the mark out of conference-swag territory. Buying someone a plain framework logo can read as slightly corporate; this reads as affectionate.

  2. The Vue.js logo, a green and slate chevron forming a letter V

    Vue.js Logo

    For the Vue camp, who are used to being an afterthought in every gift guide. The green chevron is the most restrained mark in front-end and wears far better than the busier framework logos.

  3. A nail polish emoji between angle brackets above the words styled components

    styled-components

    A nail-polish emoji between angle brackets. It is the single funniest logo in front-end, and anyone who has written CSS-in-JS will react to it before they have consciously read it.

  4. The TypeScript logo, white TS letters on a blue square

    TypeScript Logo

    The safest front-end pick there is. TypeScript stopped being a preference years ago, so this works whether they write React, Vue, Svelte or something nobody has heard of yet.

  5. A cyan cartoon octopus above the words React Styleguidist

    React Styleguidist

    A cyan octopus, which is a far lower-commitment thing to wear than a framework logo. Good for someone who likes the ecosystem but would rather not advertise a tech stack on their chest.

  6. The Redux logo, a purple three-lobed loop with arrowheads

    Redux Logo

    For the developer who has strong opinions about state management and will tell you them. The purple trefoil is one of the few logos that actually diagrams what the library does.

  7. A repeating fair-isle knitting pattern in black and white incorporating React atom motifs

    React Xmas Pattern

    The December option. Fair-isle knitting pattern with the React atom worked into the repeat — the ugly-jumper format executed with more care than the genre usually gets.

Work out the framework first

Everything else in this guide is secondary to getting this right. The three signals that actually work:

  • Their GitHub. Pinned repos tell you in about ten seconds.
  • What they complain about. Nobody complains about a framework they don’t use.
  • Their job title. “React developer” is a real job title in a way that “Vue developer” mostly isn’t — Vue people tend to be called front-end developers, which is itself a clue.

When you genuinely can’t tell

Go one layer down the stack. TypeScript, a build tool, or something from the CSS-in-JS world will land regardless of framework, because everyone in front-end touches those whether they wanted to or not.

The one thing to avoid is picking a framework at random on the theory that it’s close enough. It isn’t, and the whole point of a gift like this is that it signals you paid attention.