4 UI Design Tools I Can't Live Without

  Рет қаралды 65,044

Josh tried coding

Josh tried coding

Күн бұрын

In this video I wanna show you my 4 favorite tools I take ui design inspiration from. That involves some animations I enjoy and also some utilities for SVGs and color palettes. I found these super helpful in getting a feel for how animations and my UI should look and feel and I hope you appreciate them as much too.
-- links for this video
fffuel: fffuel.co/
coolors: coolors.co/palettes/trending
uilabs: www.uilabs.dev/
emil kowalski: emilkowal.ski/
-- my links
newletter: www.joshtriedcoding.com/
discord: / discord
github: github.com/joschan21

Пікірлер: 63
@sapphirefyos6071
@sapphirefyos6071 2 ай бұрын
Fun fact, Emil Kowalski's Sonner and Drawer used in shadcn component library.
@ignatiusemeka
@ignatiusemeka Ай бұрын
💯
@nro337
@nro337 2 ай бұрын
Emil's work is fantastic
@Sumi-ql3wj
@Sumi-ql3wj 2 ай бұрын
Wow😮 Right on time,I was building my portfolio.Thank you josh
@Simple_OG
@Simple_OG 2 ай бұрын
I use arch btw
@chad_giga6934
@chad_giga6934 2 ай бұрын
I too use arch, btw
@sathishkannan6600
@sathishkannan6600 2 ай бұрын
I use vim btw
@nathnaelwondisha6649
@nathnaelwondisha6649 2 ай бұрын
Me 3
@sahebbeshra7659
@sahebbeshra7659 2 ай бұрын
Me use abacus 🧮 as my computer 😊
@kissslayyy
@kissslayyy 2 ай бұрын
Ubuntu ftw
@user-ii7xc1ry3x
@user-ii7xc1ry3x Ай бұрын
10/10 video, lots of value packed in 5min
@JJOhns-fy4tl
@JJOhns-fy4tl Ай бұрын
Dang, that took more time than it saved me the first day 🤣 but I can see the enormous possibilities (when stopping playing around). The huge gap between my ideas and my ability to realise them has narrowed considerably. Thank you!
@sathishkannan6600
@sathishkannan6600 2 ай бұрын
I use vim btw.
@Sorkstryparen
@Sorkstryparen 2 ай бұрын
Nice micro animations with nice design.. thats why NextUI rocks! ✌
@josephito27
@josephito27 Ай бұрын
nextUI is alright if you don't know shit about design and need to make something quick and decent looking, but real designers will prefer to build those components themselves, for this case, radixUI primitives are the best option.
@user-kv9xk5wb3y
@user-kv9xk5wb3y 2 ай бұрын
Big ty my dude
@mdmnbp1183
@mdmnbp1183 2 ай бұрын
josh u should try realtimecolors very cool and useful
@IGNEIRecords
@IGNEIRecords 2 ай бұрын
very useful video 👏
@ekchills6948
@ekchills6948 2 ай бұрын
Josh is living in my mind. I've been looking for animated svgs. Ty for sharing
@mikhalpalych
@mikhalpalych 2 ай бұрын
Same for me when orms and ui components
@edwardmaxwell7421
@edwardmaxwell7421 Ай бұрын
1:07 ​@@mikhalpalych1:07 ​@mikhalpalych
@404-not-found-service
@404-not-found-service Ай бұрын
Do you have more projects in mind like the magic search engine that you did on your secondary channel? They are appreciated, I learn a lot!
@Diego_Cabrera
@Diego_Cabrera Ай бұрын
I have a few micro interactions in my website. While I believe they are subtle, I also think they enhance the user experience :)
@lokeshr9794
@lokeshr9794 2 ай бұрын
Amazing 😮
@berkaycirak
@berkaycirak 2 ай бұрын
tools are great for those who like modern and aesthetic things on web apps
@thuanvuvan538
@thuanvuvan538 Ай бұрын
Awesome
@1weiho
@1weiho 2 ай бұрын
Emil🐐
@sammaxjorden
@sammaxjorden 2 ай бұрын
ty
@MrAmG17
@MrAmG17 2 ай бұрын
ARC FTW
@soheilweb
@soheilweb 2 ай бұрын
عالیه داش😊
@waleedsharif618
@waleedsharif618 2 ай бұрын
Mage Iranie ?
@lcarv20
@lcarv20 2 ай бұрын
The vaul component looks nice, but creates so many constraints. And also you have to pay attention on how to use it. For me it was a pain to use it with nextjs.
@luca4479
@luca4479 2 ай бұрын
Breaks the navbar.
@lcarv20
@lcarv20 Ай бұрын
@@luca4479 not only that, but it's a pain to work with sticky/fixed elements on the page. But the worst is if you have links inside vaul. It just ruins the history api. For example, if you scrolled Y, and open vaul, click a link and then come back (history.back()) to the previous page, you will be sent to the top of the screen. The reason is because the history api stores your Y position of the previous path, which means, when you open vaul it will set your Y position to 0 (because vaul restrains the size of the body). I like vaul but there are some poor design decisions in there.
@sahebbeshra7659
@sahebbeshra7659 2 ай бұрын
Can you please make a video on how to design a website and it's UI
@vpetryniak
@vpetryniak 2 ай бұрын
Hmm, Let’s rewrite it in Rust!
@DNAwastaken
@DNAwastaken 2 ай бұрын
I use Arc btw
@DNAwastaken
@DNAwastaken 2 ай бұрын
Chrome is a joke at this point
@ashmw2724
@ashmw2724 2 ай бұрын
gg
@StartNight-df3sv
@StartNight-df3sv Ай бұрын
Dude, could you please suggest me any ready to use Next js components like SideBar, Navbar etc. Unfortunately Shadcn, Radix doesn't have the basic SideBars and Navbars. Its shame even on 2024 we still writing css and html for ui instead of drag and drop.
@specialk8723
@specialk8723 2 ай бұрын
I wish people would stop relying so heavily on React to build this stuff. The components are cool, but not everyone wants to add react to their project just to use them.
@josephito27
@josephito27 Ай бұрын
its the most demanded library/framework for jobs rn, nobody would use them in vanilla and other options are Vue, Angular or Svelte, you like those less demanded frameworks? do them yourself lol
@buddy.abc123
@buddy.abc123 Ай бұрын
Rust.
@psoglav
@psoglav Ай бұрын
wanna watch your content in QHD! 🔥🔥
@stopmotionadventures4812
@stopmotionadventures4812 2 ай бұрын
Early aka 7 hours ago
@mohitcodeswell
@mohitcodeswell 2 ай бұрын
I want you to wear some other color tshirt bruh 🤔
@joshtriedcoding
@joshtriedcoding Ай бұрын
hahaha
@motivarpraviver
@motivarpraviver Ай бұрын
Hello my name is Jailson, I'm Brazilian, I have two children and I'm unemployed, and desperate, I ask for your help with any ideas to change my life, God bless you
@tylerarrigoni7700
@tylerarrigoni7700 Ай бұрын
awesome
6 UI Hacks I Wish I Knew As A Beginner
11:11
Tim Gabe
Рет қаралды 703 М.
Updates Like These Make Tailwind So Fun
8:00
Josh tried coding
Рет қаралды 69 М.
NO NO NO YES! (50 MLN SUBSCRIBERS CHALLENGE!) #shorts
00:26
PANDA BOI
Рет қаралды 93 МЛН
Зу-зу Күлпәш. Стоп. (1-бөлім)
52:33
ASTANATV Movie
Рет қаралды 1,1 МЛН
НЕОБЫЧНЫЙ ЛЕДЕНЕЦ
00:49
Sveta Sollar
Рет қаралды 8 МЛН
Conforto para a barriga de grávida 🤔💡
00:10
Polar em português
Рет қаралды 90 МЛН
40 APIs Every Developer Should Use (in 12 minutes)
12:23
Coding with Lewis
Рет қаралды 244 М.
Design Better Than 99% of UI Designers
14:52
Tim Gabe
Рет қаралды 169 М.
6 UI Design Hacks & Resources I Wish I Knew As A Beginner
8:19
Design With Hannah
Рет қаралды 4,2 М.
How To Not Suck At Design For Developers
14:23
Joy of Code
Рет қаралды 77 М.
The Harsh Reality of Being a UX Designer
7:28
Andres The Designer
Рет қаралды 287 М.
The Secret Science of Perfect Spacing
9:40
Chainlift
Рет қаралды 273 М.
This UI component library is mind-blowing
8:23
Beyond Fireship
Рет қаралды 542 М.
Are You At Least at Level 4 of UI?
10:57
Malewicz
Рет қаралды 34 М.
We Need to Talk About Redis.
14:55
Josh tried coding
Рет қаралды 87 М.
A Better Way to Write APIs?
12:00
Josh tried coding
Рет қаралды 84 М.
Вы поможете украсть ваш iPhone
0:56
Romancev768
Рет қаралды 650 М.
Индуктивность и дроссель.
1:00
Hi Dev! – Электроника
Рет қаралды 1,3 МЛН
Переходник для IPhone • 181649538                         Делюсь обзорами в профиле @lykofandrei
0:15