Paco @pacocoursey Twitter profile

Last Seen Profiles

@indicatiu

@saikikslut

@XABPe5avfc17kGB

@marks11209

@genshinmains_

@PoleOfficial

@chrisprener

@itshotaria

@AbshkMishra

@MecrowLove

@MarshallBuffs

@NicoleinJapann

@helovinparisss

@DavArnold23

@EAS_ProfLearn

@snowycalz

@batyrjamal

@furrtv

@1980Dorothy

@magadmkl

@lunos_os

@hiromin_ohno

@WeAreCRSB

@enhymax

@awesaome

@wiiw_ac_at

@eureecamoment

@hesp_esports

@cbctom

@DreuSteinmetz

@ImnotReed

@_weeric_

@yukina537089398

@virk_istan

@MypatxaH

@innocent2904

Paco

@pacocoursey

1 year

22

201

3K

Paco

@pacocoursey

2 years

Adjoined filters from Spotify

27

80

2K

Paco

@pacocoursey

2 years

Reading environment

46

148

2K

Paco

@pacocoursey

9 months

Caret № 1 — Max Length with @ambedgar

48

78

1K

Paco

@pacocoursey

2 years

⌘K is finally out with a fully composable API.

29

102

1K

Paco

@pacocoursey

2 years

Tinted Safari theme-color based on user action

22

66

1K

Paco

@pacocoursey

3 years

Components that placeholder themselves

22

69

1K

Paco

@pacocoursey

2 years

Exclusion tabs from Stripe

15

64

1K

Paco

@pacocoursey

11 months

Banners that adapt the theme-color

12

40

1K

Paco

@pacocoursey

2 years

I’ve joined @linear to craft magical web experiences. Linear sets the standard for high-quality software. I’m excited to build this delight and polish into our websites with a passionate team!

53

10

983

Paco

@pacocoursey

2 years

We started experimenting with holographic cards @linear a few months ago, but my initial attempts had a few bugs…

13

41

922

Paco

@pacocoursey

4 years

RAMA Koyu

16

38

824

Paco

@pacocoursey

5 years

21

88

781

Paco

@pacocoursey

2 years

Mixin for gradient borders

6

58

691

Paco

@pacocoursey

2 years

I’m moving on from Vercel after nearly 3 years of building the web with a wonderful team. Exceptionally grateful to have grown here and made many lifelong friends!

32

2

677

Paco

@pacocoursey

2 years

Keyboard training

5

21

539

Paco

@pacocoursey

2 years

Fun with inputs

5

27

534

Paco

@pacocoursey

2 months

In-nav link bookmarking

8

16

508

Paco

@pacocoursey

3 years

New site, new domain

Paco Coursey

Crafting interfaces. Webmaster at Linear. Building polished software and web experiences.

paco.me

41

9

502

Paco

@pacocoursey

5 months

Dynamic drag images for links

7

18

476

Paco

@pacocoursey

5 months

Rounded underline

17

12

463

Paco

@pacocoursey

4 years

Published a small but powerful package to add Dark mode and other themes to your Next.js apps.

GitHub - pacocoursey/next-themes: Perfect Next.js dark mode in 2 lines of code. Support System...

Perfect Next.js dark mode in 2 lines of code. Support System preference and any other theme with no flashing - pacocoursey/next-themes

github.com

10

57

445

Paco

@pacocoursey

3 years

Next.js Conf is tomorrow! Show me something you've built with Next – portfolios, experiments, generative art – and I'll send @vercel swag to my favorite five. #nextjsconf

202

48

429

Paco

@pacocoursey

2 years

The implementation for this is really clever: duplicate and overlay the tabs with active styling, then animate `clip-path` to the active tab position.

9

14

387

Paco

@pacocoursey

2 years

Scroll snap carousel

4

16

322

Paco

@pacocoursey

2 years

11

6

320

Paco

@pacocoursey

4 years

Codepen demonstrating this effect

Timo Lins

@timolins

4 years

@linstobias @splitbee Found a cool way to display the favicon. Duplicate, scale & blur the icon for a dynamic background. Turned out quite neat.

3

5

130

2

28

316

Paco

@pacocoursey

2 years

New on – press Alt for fuzzy reading mode.

9

16

307

Paco

@pacocoursey

4 years

M60-A ZEIT Edition @ramaworks x @zeithq

13

23

285

Paco

@pacocoursey

2 years

@pugson ↑↑↓↓←→←→BA

7

23

268

Paco

@pacocoursey

5 years

I redesigned my personal site. This version feels a lot more like me.

17

11

257

Paco

@pacocoursey

4 years

Privacy Mode for writing in public

6

15

248

Paco

@pacocoursey

5 years

Released Dusk, a collection of simple, customizable application icons. - Next.js 7 - Styled Components - PWA with nearly perfect Lighthouse audit - Open source - Deployed with @zeithq Now

3

39

243

Paco

@pacocoursey

2 months

SF Symbol composition

4

5

244

Paco

@pacocoursey

2 years

Bonus points for manually interpolating color stops to animate smoothly

3

6

202

Paco

@pacocoursey

2 years

We pushed Figma to the limits for something new. Should @ambedgar share the file with thousands of our explorations?

16

5

194

Paco

@pacocoursey

2 years

Just experienced the most mine blowing demo I’ve ever seen. From @_chenglou . In 20 minutes. In a nightclub basement.

7

5

180

Paco

@pacocoursey

3 years

Wrote a text editor

8

4

182

Paco

@pacocoursey

3 years

Realtime, immediate mode, Rust, and CRDT based text editor from some of the Atom team

6

16

156

Paco

@pacocoursey

2 years

Then I stumbled on the coolest piece of CSS ever: these gorgeous holographic Pokemon cards from @simeydotme . I ported his approach and started fine-tuning the brushed aluminum effect we released today!

Pokemon Cards Holo effect v2

Using color dodge blend mode on some backgrounds to create a "holographic" effect any Pokemon TCG collector will know! Massive level-up from the previ...

codepen.io

3

6

153

Paco

@pacocoursey

3 years

Open-sourced writer

GitHub - pacocoursey/writer: plain text editor

plain text editor. Contribute to pacocoursey/writer development by creating an account on GitHub.

github.com

6

11

152

Paco

@pacocoursey

3 years

Began an essay on Idea Paralysis a few months ago, here's what I have so far:

2

3

133

Paco

@pacocoursey

2 years

Inspired by Honk

Benji Taylor

@benjitaylor

3 years

One detail I really love from the latest @usehonk update is using the tray background colour to indicate what action a user is taking

6

20

410

1

7

132

Paco

@pacocoursey

2 years

3

5

124

Paco

@pacocoursey

3 years

1

10

125

Paco

@pacocoursey

3 years

Great fun working on this for Hack Week earlier this year with @raunofreiberg @skllcrn @rizbizkits

rauno

@raunofreiberg

3 years

Navigating @vercel with a brand new Command Menu 🥰 Dropping soon, but feel free to DM for early access!

30

51

758

6

11

120

Paco

@pacocoursey

2 years

New on – a little clock.

2

1

115

Paco

@pacocoursey

4 years

The amazing thing about Figma is that it doesn't seem like a website. It feels unburdened by the limitations of the browser.

6

4

116

Paco

@pacocoursey

4 years

Added support for reading the system preference directly, enabling dynamic favicons

Paco

@pacocoursey

4 years

Published a small but powerful package to add Dark mode and other themes to your Next.js apps.

10

57

445

1

4

113

Paco

@pacocoursey

3 years

Trying to build a simple website that runs at 60fps

1

7

115

Paco

@pacocoursey

4 years

Keycult No. 2 Rev. 1

4

6

108

Paco

@pacocoursey

4 years

We've made lots of component improvements! Bigger and better looking Checkbox More accessible Radio and Radio Group Powerful, customizable Table Flexible Entity rows ( @shuding )

Geist, Vercel's design system

Vercel's design system called Geist. Made for building consistent and delightful web experiences.

vercel.com

Guillermo Rauch

@rauchg

4 years

I love our new <Button> by @pacocoursey & team

7

8

177

8

9

102

Paco

@pacocoursey

3 years

Jello cursor

3

0

103

Paco

@pacocoursey

3 years

Google Dark Mode

3

4

101

Paco

@pacocoursey

2 years

@mds

3

2

91

Paco

@pacocoursey

2 years

@samselikoff scrollbar-width: none; &::-webkit-scrollbar { display: none; }

1

90

Paco

@pacocoursey

4 years

Navigation experiment

9

3

89

Paco

@pacocoursey

4 years

All these custom icons make me want to revisit Dusk

1

3

86

Paco

@pacocoursey

2 years

More happy accidents

2

0

85

Paco

@pacocoursey

3 years

One day I'll build something elegant enough to deserve a serif typeface

0

1

82

Paco

@pacocoursey

3 years

Ported Radix Colors to Figma

Radix Colors | Figma

An open-source color system for designing beautiful, accessible websites and apps. Documentation ↗ GitHub ↗ Radix Colors is a project by Modulz, ported to Figma by Paco.

www.figma.com

2

5

78

Paco

@pacocoursey

4 years

Shared Hook State with SWR

Using useSWR to share state between hook calls.

paco.me

1

10

78

Paco

@pacocoursey

4 years

Excited to be joining the @figmadesign community! This will definitely encourage me to design more things for fun.

0

5

76

Paco

@pacocoursey

3 years

@rauchg Make "hide whitespace changes" a permanent setting on GitHub

5

0

74

Paco

@pacocoursey

2 years

@jsngr when I hate it

1

4

73

Paco

@pacocoursey

3 years

Next Themes supports Tailwind Dark Mode out of the box with no flashing, syncing between tabs, and System theme! Demo:

1

5

71

Paco

@pacocoursey

2 years

The next wave of website design will be built with mask, clip-path, shape-outside, and filter

3

1

70

Paco

@pacocoursey

5 years

@evilrabbit_ Needs more monochrome 🌑 Just going to leave this here...

3

5

68

Paco

@pacocoursey

3 years

Volcano & Olivia

1

0

65

Paco

@pacocoursey

3 years

Safari: we support WebP now Also Safari:

3

64

Paco

@pacocoursey

5 years

2

7

61

Paco

@pacocoursey

3 years

@brian_lovin There is Pre-Linear design and Post-Linear design

1

61

Paco

@pacocoursey

4 years

You can use Chrome's custom search engine feature to add a keyboard shortcut to any website

3

11

59

Paco

@pacocoursey

5 years

Re-designed my personal website. Developed, designed, and deployed with @zeithq products.

4

57

Paco

@pacocoursey

2 years

Gradient Borders

...

codepen.io

0

3

56

Paco

@pacocoursey

4 years

designers be like "I know a studio" and show you this exact website

2

4

55

Paco

@pacocoursey

3 years

@blvdmitry In my experience building a separate skeleton version quickly becomes out of date. Better to co-locate it with the final content. Current API:

4

2

55

Paco

@pacocoursey

3 years

When docs are so easy to search, why not embed them in the product directly?

3

1

55

Paco

@pacocoursey

2 years

Pray at the altar of hard work.

2

4

53

Paco

@pacocoursey

3 years

@joshm @linear Enjoyed the animation and personalization from @planetscaledata

3

2

53

Paco

@pacocoursey

4 years

• Array.push should return the mutated array • Array.forEach should support await and break • SVG ids should be scoped to the SVG • CSS should have clear-overflow: all; • React should support {prop} for prop={prop} Thank you

6

5

50

Paco

@pacocoursey

4 years

Quick macOS tip tonight

3

4

52

Paco

@pacocoursey

3 years

Reject sans, embrace serif

4

0

51

Paco

@pacocoursey

3 years

Writer

Text editor.

writer.paco.sh

5

0

49

Paco

@pacocoursey

3 years

Forward Links for better memory retention of your reading

1

2

47

Paco

@pacocoursey

4 years

SVG Caching with

Smaller DOM size by reusing existing SVG icons

paco.me

2

3

45

Paco

@pacocoursey

4 years

Great writeup about the hidden costs of runtime CSS-in-JS libraries. One of the main reasons I prefer CSS Modules, Classnames, and CSS variables for styling. h/t @shuding_

The unseen performance costs of modern CSS-in-JS libraries in React apps

CSS-in-JS is becoming a popular choice for any new front-end app out there, due to the fact that it offers a better API for developers to work with. Don't get me wrong, I love CSS, but creating a...

calendar.perfplanet.com

2

42

Paco

@pacocoursey

2 years

Every few months we greet like old friends—this website and I—and make small adjustments, together. It’s not often we grow with a design rather than tearing it down.

Paco

@pacocoursey

3 years

New site, new domain

41

9

502

0

40

Paco

@pacocoursey

2 years