ab @verse_ Twitter profile

Pinned Tweet

ab

@verse_

1 month

a lot of tacit knowledge to be gained from just staring at successful websites for unreasonable lengths of time

3

5

53

Last Seen Profiles

@Vintage_UTD_

@TheGutterReview

@KaiserEdits

@KazandOzhan

@PaisleySch52156

@curiosity_notes

@MjkVillareal

@paulwms

@Brandon_Beaber

@rwillems

@fu5__

@placestobetara

@braniyt

@Sleepy_Cat10

@RobIrwin19

@FHSAA

@1liueri4

@1Taif17

@SFR_hailom

@palsanity

@nwf41307372

@TEN5820

@DPritamdhanware

@tennensui_cos

@xiaoyaoyaoyao12

@sekqi_26

@MiNimmm888

@wuwenhang

@vinnysrosa

@catfish_switch

@naoya_railway

@pemuas_ayangmu

@RITELL_ESL

@stwmaniax

@MeghanGillespie

@bnbakeet

ab

@verse_

5 months

this is just HTML and CSS, no JS link to code in the next tweet

15

62

1K

ab

@verse_

2 years

awesome interaction on

13

79

999

ab

@verse_

2 years

push me

12

36

953

ab

@verse_

5 months

animation here is handled purely by CSS also svelte link to code in next tweet

12

33

777

ab

@verse_

9 months

text effect i've been playing with. I really like Commit Mono

16

15

736

ab

@verse_

5 months

bookshelf in pure HTML and CSS, zero JS link to code in next tweet

11

44

737

ab

@verse_

5 months

svelte, css, svg link to code in the next tweet

12

30

638

ab

@verse_

2 months

midjourney + depth-anything + three.js

18

21

530

ab

@verse_

3 years

Just shipped an update to my personal website Would love any feedback :)

34

21

400

ab

@verse_

7 months

Flow text effect with simplex noise Twitter will probably ruin this video

17

16

380

ab

@verse_

2 years

Got a little carried away with the stickers on this skull in react three fiber

11

19

331

ab

@verse_

5 months

another idea. these are all divs btw link to updated code in the next tweet

6

8

319

ab

@verse_

4 years

@levelsio - a cyberpunk-inspired online radio station. something like poolside fm

31

17

316

ab

@verse_

3 years

@yongfook Google itself is actually just one js file with a massive SQLite db. I heard they use handlebars for the frontend and they're running on digital ocean

5

4

306

ab

@verse_

2 years

New shader I've been working on, again made with react-three-fiber Check it out and try playing with the settings: Also, try clicking and dragging around

13

16

284

ab

@verse_

2 months

logo flow diagram in React link to code in the next tweet

4

11

272

ab

@verse_

1 year

FLIP chips

8

212

ab

@verse_

2 years

A @stitchesjs util that automatically calculates and adds the optimal amount of letter spacing for Inter using the formula on

2

10

184

ab

@verse_

2 years

TIL: is built with Svelte!

8

13

182

ab

@verse_

3 years

@levelsio

4

28

175

ab

@verse_

1 month

these are all divs and the animation is handled by CSS code below

3

4

175

ab

@verse_

8 months

Here's the code for the masonry grid on Vanilla JS with a custom HTML Element Put things inside of <masonry-grid> and it should just work

8

13

164

ab

@verse_

1 year

very shiny button

5

4

145

ab

@verse_

5 months

@PunchingCat

0

1

120

ab

@verse_

8 months

I built a Pinterest clone that uses AI to find similar images I crawled tumblr and collected lots of images, then used a model to get vector embeddings. When you click an image it finds the most similar embeddings and returns the images

19

9

96

ab

@verse_

6 months

. @rithmio held me hostage and made me explain the code for this button he made a whole video breaking everything down link to full video in the next tweet

ab

@verse_

1 year

very shiny button

5

4

145

1

3

85

ab

@verse_

2 years

sometimes I make cool buttons for fun

4

0

79

ab

@verse_

2 years

thinking about icons

0

5

71

ab

@verse_

5 months

lines

...

codepen.io

1

4

61

ab

@verse_

3 years

this inspired me to look through my own projects this is just the software stuff from the last couple years. before that I was doing shopify when I was like 16-18 in total it's about 12-14 projects some didn't ship or nobody cared, some made money, some got lots of attention

@levelsio

3 years

🍰 Only 4 out of 70+ projects I ever did made money and grew 📉 >95% of everything I ever did failed 📈 My hit rate is only about ~5% 🚀 So...ship more

852

2K

23K

7

1

55

ab

@verse_

3 years

@balajis I'm literally shaking

0

45

ab

@verse_

7 months

The goal isn't to build software. Software is just a means to an end The goal is to "make something people want"

3

6

45

ab

@verse_

9 months

😎

2

1

44

ab

@verse_

2 years

Made this little experiment with @pmndrs react-three-fiber and Lamina Memento Mori

4

2

40

ab

@verse_

3 years

@phineyes yes but could we just pretend that Facebook is gone for a few moments

0

38

ab

@verse_

6 months

"fear is the mind killer" — Dune "scared money don't make no money" — YG "brilliant thinking is rare, but courage is in even shorter supply than genius" — Thiel "There is no shortage of brains in the industry, its the vertebrae column that tends to be missing" — Ogilvy "the

0

5

38

ab

@verse_

1 year

Recreated the cards on my website with Framer Motion. Last time, I used React Spring Images of the joker generated by midjourney

1

2

38

ab

@verse_

2 years

- Apple celebrates creators through the ages - Nike celebrates athletes - Linear and Vercel celebrate the craft of software - Visualize Value celebrates deep thinkers This does not feel like a coincidence

2

3

37

ab

@verse_

2 months

works for any depth map

Andu 🇺🇦

@andupotorac

2 months

@verse_ Would this work regardless of the Z depth? So for example what happens if you apply it to a room's depth map?

0

1

2

36

ab

@verse_

4 years

@mckaywrigley I think most people are more capable than they think. They sell themselves short by giving up early. If you persist, you'll probably be surprised by what you can do.

1

5

35

ab

@verse_

6 months

HTML/CSS (and very little JS) Cube Each face is a <div> with CSS transforms applied. The animations are also CSS Used a few lines of JS to track mouse position on mousemove for the hover interaction

4

1

36

ab

@verse_

18 days

@colderoshay this isn't relevant to the question but it's crazy to me how much better Threads feels

3

1

34

ab

@verse_

3 years

Man @remix_run is amazing

1

3

32

ab

@verse_

2 years

perlin noise + ascii renderer

1

2

32

ab

@verse_

3 years

I made this weird moving gradient thing with react-three-fiber react-three-fiber is weird at first when you're used to normal three.js but eventually starts to make sense

3

0

32

ab

@verse_

3 years

@nathanwpyle

0

32

ab

@verse_

27 days

messing around with animating css variables using @⁠property you can do stuff like this with pure CSS now, but you should probably still do it with JS

1

0

31

ab

@verse_

9 months

by @EigilNikolajsen

Commit Mono. Neutral programming typeface.

Commit Mono is an anonymous and neutral programming typeface focused on creating a better reading experience.

commitmono.com

1

2

30

ab

@verse_

3 years

Found this gem on by @createdbymad A lot of sites nowadays are look less like websites and more like apps, which is awesome. The possibilities are endless I really like the bottom navbar theme I've seen in a couple places as well

3

1

31

ab

@verse_

4 years

is back up! now with @SoundCloud integration

@levelsio

4 years

🌘 - a cyberpunk-inspired online radio station by @__circuit (inspired by @marty 's 🏝 Poolside FM)

12

22

243

2

7

29

ab

@verse_

2 years

I wanted a calendar wallpaper and also wanted to test coding with GPT4, so I asked it to help me make a small tool in React that lets me change colors using Leva, and download the image It does need to be guided sometimes, but it's really smart

4

0

30

ab

@verse_

8 months

things inside <masonry-grid> can be anything btw, including text or buttons

ab

@verse_

8 months

Here's the code for the masonry grid on Vanilla JS with a custom HTML Element Put things inside of <masonry-grid> and it should just work

8

13

164

0

2

30

ab

@verse_

2 years

More shaders in three.js Not sure how Twitter will handle this video

2

27

ab

@verse_

3 years

basecamp firebase supabase rebase basement userbase crunchbase coinbase couchbase all your base are belong to us

0

3

28

ab

@verse_

5 months

books

...

codepen.io

0

2

28

ab

@verse_

5 months

a good way to force creativity is to work under artificial constraints it forces you to see things differently

3

1

27

ab

@verse_

5 months

may stress your cpu out, and won't work in firefox

verse shader math • REPL • Svelte

Cybernetically enhanced web apps

svelte.dev

2

0

26

ab

@verse_

1 year

Someone asked me how to get this text gradient effect like on Vercel or Linear's websites Here's the answer in a few Tailwind classes:

1

24

ab

@verse_

3 years

done > perfect

0

1

23

ab

@verse_

3 years

@levelsio

2

0

24

ab

@verse_

1 month

could do with a few more box shadows imo

Next.js

@nextjs

1 month

Next.js Conf is here. Join us in SF or online Oct 24. • Sessions led by you (apply today) • Hands-on workshops led by Next.js experts • Meet and learn from the community Register now and apply to speak:

25

133

732

1

0

23

ab

@verse_

3 years

Checkbox paint They're actual checkboxes

3

2

22

ab

@verse_

3 years

I did this on Used a subtle inner shadow that makes it look like light is reflecting off the top of the icons I also used a subtle gradient for the background, with a lighter grey at the top and darker at the bottom. I think that adds to the effect

Steve Schoger

@steveschoger

3 years

With dark mode, it’s harder to create depth because shadows aren’t as visible. Instead of relying on the absence of light, try creating reflective surfaces to add depth. This can be achieved using a combination of light borders and light inner shadows.

2

8

259

3

1

22

ab

@verse_

1 year

code:

1

20

ab

@verse_

18 days

the positions of the control points of these cubic curves are calculated in the jsx try changing the value of count and all the lines should just look right

ab

@verse_

2 months

logo flow diagram in React link to code in the next tweet

4

11

272

3

1

20

ab

@verse_

1 year

very cool book cover

0

1

20

ab

@verse_

5 months

only used svelte for the each block

1

0

20

ab

@verse_

3 years

it is unreasonably hard to build a text editor one of those experiences I took for granted until trying to do it myself

3

1

20

ab

@verse_

1 month

I deleted all the back faces that you can't see and now you can render way more cubes without losing frames

ab

@verse_

1 month

these are all divs and the animation is handled by CSS code below

3

4

175

0

20

ab

@verse_

3 years

The timeline feature was inspired by this post on keeping a personal changelog by @brian_lovin

Brian Lovin

Product designer, podcaster, and writer, living in San Francisco.

brianlovin.com

1

0

19

ab

@verse_

3 years

Goals for my 20s: - Understand: computers, microeconomics, psychology, game theory, persuasion - Build: make something people want, help others build too - Live: create, read, explore, and meet more like-minded people along the way

1

19

ab

@verse_

3 years

mobile version

2

0

19

ab

@verse_

2 years

@TechBroDrip @BillGates can you still do this

0

18

ab

@verse_

3 years

@jackbutcher I'll make you an offer you cannot refuse

1

17

ab

@verse_

4 years

@Suhail I think burn out comes from being dissatisfied with your work. When you do meaningful work it should make you feel content and accomplished. If it doesn't, maybe you just don't find it so meaningful?

0

1

17

ab

@verse_

2 years

the masculine urge to redesign your personal website

1

2

17

ab

@verse_

2 years

@mudza252 I'll probably share a CodeSandbox for a bunch of buttons in a little while, once I'm done with them. I have a bunch that I'm making in the same React project

2

0

17

ab

@verse_

2 years

Clippy's about to make the greatest comeback of all time

1

0

16

ab

@verse_

3 years

Gained more than 200 followers this weekend Hi guys

2

0

17

ab

@verse_

5 months

> Meta open sources very very good LLMs > Normal engineers like me can now make ChatGPT clones > ChatGPT is now a commodity? Wonder what it's like at OpenAI rn

0

15

ab

@verse_

1 month

Apple has a page for UI design dos and don'ts

1

0

16

ab

@verse_

3 years

I like the idea of photography as a creative outlet, because it means you have to go outside and explore. Some photos I found on Tumblr by @teemusphoto

1

16

ab

@verse_

2 years

@raunofreiberg @jh3yy no, this is Patrick

0

16

ab

@verse_

3 years

Even juicier sounds by @KenneyNL , and I'm using @JoshWComeau 's npm package "use-sound" to get them to work in React

ab

@verse_

3 years

Made this during a break In game dev, there's this concept of "juice" (or "game feel"). Splashes, screenshake, etc. It's important, it makes your game feel alive. If an explosion happens but the camera doesn't shake, did you really feel it? web devs should think like that too

4

0

8

0

2

15

ab

@verse_

2 years

2

0

15

ab

@verse_

3 years

we all started between 10-14 by downloading Photoshop/Illustrator because we wanted to make custom pfps/avatars, themes, templates etc I remember wanting to make a custom playstation 3 theme, custom cursors for my laptop, and an animated avatar for MSN

daryl ginn

@darylginn

3 years

Designers, how old were you when you started designing and how old are you now? Me: 13, now 32.

396

16

396

2

1

15

ab

@verse_

3 years

Awesome icon sets, in case you're looking: Radix icons () by @Modulz by the creators of @tailwindcss by @colebemis - @theiconicapp - @AstritMalsija

2

4

15

ab

@verse_

3 years

Follow the right people on Twitter and it will literally change your entire trajectory in life

2

0

15

ab

@verse_

8 months

cool, front page of HN :)

3

0

15

ab

@verse_

1 month

@shl @motherfuton krea, Apple music, brave search, ny times visualizations

0

14

ab

@verse_

3 years

@adamwathan maybe something like this? `group-hover` turns the opacity down and `hover` turns it back up for each icon not sure if thats what you're looking for but it's the first thing that popped into my head

1

0

14

ab

@verse_

3 years

@Number1Jab @Miexriir I'm really glad there are other people out there like me

1

13

ab

@verse_

1 month

pics that go hard

JohnPhamous

@JohnPhamous

1 month

bad chat behavior with increasing feedback

13

12

246

1

0

14

ab

@verse_

7 months

I want to start writing and sharing my thoughts about branding, marketing, "the online game" etc I also have a bunch of lists: old school ads I've collected, examples of product-led growth, online directories. will share these too probably on a new personal site

0

13

ab

@verse_

5 months

I was initially a bit skeptical about runes and snippets in @sveltejs 5 but after trying it out, I actually like the new changes a lot

2

0

12

ab

@verse_

3 years

This font is so sick and the website is awesome. Love coming across things like this I’m downloading the #basementgrotesque typeface, the boldest font I’ll ever use on my side-projects. Thank you guys @basementstudio 🏴 Get it now:

2

1

13

ab

@verse_

2 years

@mckaywrigley by @michael_nielsen is really good if you want to learn the maths behind neural networks with python code examples too!

1

3

13

ab

@verse_