shadcn/ui - Theming Wrapped in a Tailwind Plugin/Preset

  Рет қаралды 47,238

simonswiss

simonswiss

Күн бұрын

In this video, I wrap the theming strategy from the shadcn/ui components within a Tailwind Plugin and Preset, to make it reusable across projects.
Links
shadcn/ui: ui.shadcn.com/
Enjoying my teaching style? I'm creating an independent Tailwind CSS course called Pro Tailwind. Check it out at protailwind.com ❤️
Chapters
0:00 Introduction
0:13 Tour of theming
1:10 Pro Tailwind Multi-Theme Strategy
2:00 New starter project
3:48 Jam on HSL colors
10:03 New Tailwind plugin
14:34 Porting the CSS over
18:30 Tailwind theme extension
21:26 Cleaning up the config file
23:35 Troubleshooting plugin issues
24:55 Tailwind Presets FTW
29:02 Wrap-up

Пікірлер: 162
@ukeshrestha
@ukeshrestha Жыл бұрын
Thank you so much for this video. Your tailwind course was awesome and now this is cherry on top.
@simonswiss
@simonswiss Жыл бұрын
Thank you for saying this! And thank you for your support of my course! Hoping to continue adding cherries on top 🙏
@Lucas-gt8en
@Lucas-gt8en Жыл бұрын
Very useful information presented in an engaging manner, you’re killing it dude
@simonswiss
@simonswiss Жыл бұрын
Thank you so much - such a nice thing to say!
@Humpty0Dumpty
@Humpty0Dumpty Жыл бұрын
Right on time, it’s almost like you custom made this video4Me! Thankyou bro❤
@simonswiss
@simonswiss Жыл бұрын
Haha glad I could read your mind!
@Stoney_Eagle
@Stoney_Eagle Жыл бұрын
I appreciate the dark mode ☺
@simonswiss
@simonswiss Жыл бұрын
Heh, I know you're not alone. The KZfaq comments told me wassup with light theme 🤣
@touctouctouctouc3440
@touctouctouctouc3440 Жыл бұрын
Just missing the transition slides using dark as well to avoid these flashes in the middle of the night. 😅
@OnlyJavascript
@OnlyJavascript Жыл бұрын
wow, this is very clean. thank you so much Simon.
@simonswiss
@simonswiss Жыл бұрын
You're very welcome!
@dahermora5976
@dahermora5976 Жыл бұрын
Thanks for this master class on improving the shadcn/ui config. I truly apreciate your content, your effort and your work 💪
@simonswiss
@simonswiss Жыл бұрын
Thank you!
Жыл бұрын
Cool! This will be my new Tailwind Boilerplate :)
@thisisfaaris5838
@thisisfaaris5838 Жыл бұрын
it's awesome! Thank you so much Simon 👍
@simonswiss
@simonswiss Жыл бұрын
Glad you like it! 🤗
@therubberduckie2244
@therubberduckie2244 Жыл бұрын
this is beyond amazing
@simonswiss
@simonswiss Жыл бұрын
Glad you found it helpful!
@LuisPerez-cb4rp
@LuisPerez-cb4rp 10 ай бұрын
I love this so much. I have been struggling in how to do something similar to this 🙏🏼 thank you
@simonswiss
@simonswiss 10 ай бұрын
Nice to hear it helps! ✨
@anirudhcodes
@anirudhcodes Жыл бұрын
Thanks for the video, really like your explanation
@simonswiss
@simonswiss Жыл бұрын
Awesome, thanks for watching! 🙏
@psyferinc.3573
@psyferinc.3573 5 ай бұрын
as always. epicccc
@simonswiss
@simonswiss 5 ай бұрын
@nikhil182
@nikhil182 Жыл бұрын
I've personally used shadcn/ui for my website, it's awesome! Your tutorial is cherry on top, I'll make the components more reusable with this tutorial. Thank you so much Simon✨
@simonswiss
@simonswiss Жыл бұрын
Haha that's amazing to hear! Glad it's useful. I am yet to use shadcn/ui in a project, but I already see the value and love it 🎉
@michaeltyiska
@michaeltyiska 3 ай бұрын
This is pure Gold! You should definitely have more views and subscribers.
@simonswiss
@simonswiss 2 ай бұрын
Wow, thank you! I need to be more consistent with my video output as well 😅
@MithilaMalinda
@MithilaMalinda 7 ай бұрын
I missed you dude. Thanks to your tutorials on official Tailwind channel, I'm now really confident in Tailwind
@simonswiss
@simonswiss 7 ай бұрын
Awwww, that's awesome to hear!
@Hellbending
@Hellbending 11 ай бұрын
The level of appreciation I have for creators that make this type of content where they show the whole process, from start to finish like when things break, so as not to freak out about it. And then how to actually fix it is so so so appreciated man. Keep it real 💪
@simonswiss
@simonswiss 10 ай бұрын
Thank you! I do freak out internally when stuff doesn't go as it should while streaming/recording - but you're right, this is where a lot of the value is!
@Hellbending
@Hellbending 10 ай бұрын
@@simonswiss relatable content can be hard to find online (as a whole) so it’s really nice to see the pivots and the “Whoooops… okay… how2fix this” type thing. Always give props to people that have the confidence to shows/demonstrate it. (Also speaks volumes for the audience you have, as it likely means you’ve got a positive community here)
@amirnoorani5017
@amirnoorani5017 8 ай бұрын
The God of Tailwind 🤩 I've watched most of your tutorials. Although they are professional but I can understand every bit of them
@simonswiss
@simonswiss 8 ай бұрын
That's really nice to hear - thank you! 😍
@themarksmith
@themarksmith Жыл бұрын
Love your vids!
@simonswiss
@simonswiss Жыл бұрын
Thank you!
@thegrumpydeveloper
@thegrumpydeveloper 6 ай бұрын
I like that you call it being “nerdsniped” when you get hit doing something else nerdy to procrastinate the thing you were intending to do.
@navin-moorthy
@navin-moorthy Жыл бұрын
Very useful in making it reusable.
@simonswiss
@simonswiss Жыл бұрын
It sure is - and also opens up so many possibilities with JavaScript!
@zbecknell
@zbecknell Жыл бұрын
An excellent video, as always! I see Simon, I know it's a "thumbs up!"
@simonswiss
@simonswiss Жыл бұрын
Ayyyye, thank you so much! 🙏
@c3ltic1
@c3ltic1 8 ай бұрын
really cool video :)
@simonswiss
@simonswiss 8 ай бұрын
Glad you liked it!
@arifurrahman9133
@arifurrahman9133 Жыл бұрын
Hi simon,thank for vedio
@simonswiss
@simonswiss Жыл бұрын
You're very welcome!
@divx976
@divx976 Жыл бұрын
Superbe vidéo 👍
@simonswiss
@simonswiss Жыл бұрын
Merci beaucoup - superbe commentaire 🙏
@DioArsya
@DioArsya Жыл бұрын
ah, amazing!
@simonswiss
@simonswiss Жыл бұрын
Yeah it's pretty cool ✨
@good-dev-student
@good-dev-student Жыл бұрын
You are really good 🎉❤
@simonswiss
@simonswiss 11 ай бұрын
Thank you! ✨
@koralior
@koralior Жыл бұрын
Excellent video, as always! It's interesting, especially when working with a mono-repo. Maybe I should create an ultimate Nx plugin to generate this on my apps :D
@simonswiss
@simonswiss Жыл бұрын
Yeah - the preset in question could (should) be a package in your monorepo, so you can import it in multiple apps ✨ Haven't used Nx myself, but it works great with Turborepo or even just npm workspaces 👍
@good-dev-student
@good-dev-student Жыл бұрын
You are awesome 😎
@paulopma
@paulopma 10 ай бұрын
Nice video, thx for the tips. I didn't get the hsl colors shadcn/ui uses. I never coded a design putting colors like: "oh this is pinky, this is redish, this is greenish". No, the designers always want you to put the specific hex.
@ekopurnomo9221
@ekopurnomo9221 11 ай бұрын
thank u, very usefull
@simonswiss
@simonswiss 6 ай бұрын
You are welcome :)
@lucasfranzolin
@lucasfranzolin Жыл бұрын
I missed your videos my friend!! Very useful content for my turborepo! It would be nice if could teach us an approach for setting up a monorepo with shadcn, custom twcss plugins, ui packages and applications... all sharing same ui resources!!
@simonswiss
@simonswiss Жыл бұрын
That is basically the topic of my next workshop! 👀
@simonswiss
@simonswiss Жыл бұрын
Not sure if you're on Twitter, but check this tweet out. I played with the idea, and it worked brilliantly :) twitter.com/simonswiss/status/1669489669795614721
@AhmadAwais
@AhmadAwais Жыл бұрын
Hey nice video. I personally don't enjoy writing CSS in JS Objects format. Wish there was a CSX like JSX that acted and felt like CSS, same syntax. That's why I don't go creating TW Plugins.
@Shubham-yc6nz
@Shubham-yc6nz 11 ай бұрын
Thanks a lot. Got much understanding on shadcn and theming also some tailwind stuff. Could you make a ecommerce ui using shadcn? With custom theme/modifications to shadcn😊
@redwansikder3847
@redwansikder3847 5 ай бұрын
Gems.
@doyaltv2030
@doyaltv2030 Жыл бұрын
Hello, i from bangladesh i love it your video
@simonswiss
@simonswiss Жыл бұрын
Hello, friend! 👋 I am glad you enjoy my videos! ✨
@alkhamistic
@alkhamistic Жыл бұрын
love your vids. Are you able to do a video on your recording and editing process?
@simonswiss
@simonswiss Жыл бұрын
That's a good idea! I write a bit about it on betterdevscreencasts.com - but making a video is a good idea!
@sravansuresh7460
@sravansuresh7460 Жыл бұрын
@simonswiss
@simonswiss Жыл бұрын
❤❤❤
@vigneshs608
@vigneshs608 Жыл бұрын
Awesome stuff, Can you please make the video for cva
@simonswiss
@simonswiss 11 ай бұрын
I am still in the process of moving into my new house and setting up the home office, but I shoudl do this video once I am set up!
@tommyjames427
@tommyjames427 5 ай бұрын
17:24 How to add @apply in TailwindCSS Config (workaround)
@simonswiss
@simonswiss 5 ай бұрын
Yep that's a good trick!
@w00t360
@w00t360 7 ай бұрын
Did you figure out the nested plugin section issue thing? I'm supercurious about the root cause and possible "proper" fix! Thanks for all the great vidz!
@BarisPalabiyik
@BarisPalabiyik Жыл бұрын
You can use chrome's color picker to get hsl values of whatever color you want. Takes out the guesswork.
@simonswiss
@simonswiss Жыл бұрын
Yep good point. Guessing game is fun though 😅
@Stoney_Eagle
@Stoney_Eagle Жыл бұрын
You can also temporarily make it a valid HSL value so the editor gives you a color picker and then turn it back into numbers 😉
@simonswiss
@simonswiss Жыл бұрын
@@Stoney_Eagle very clever!
@microspacer
@microspacer Жыл бұрын
French accent just makes it better
@simonswiss
@simonswiss Жыл бұрын
Zis is ze best comment in ze world
@microspacer
@microspacer Жыл бұрын
@@simonswiss I'm sorry. I don't know what I am saying
@phantazzor
@phantazzor Жыл бұрын
merci
@simonswiss
@simonswiss Жыл бұрын
De rien! 🤙
@phantazzor
@phantazzor Жыл бұрын
​ @Simonswissdev pour un niveau pour un niveau intermédiaire comme moi, j'ai pas trop compris l'utilisation même si tu l'a expliqué oralement. J'ai essayé récemment de faire un truc similaire avec Shadcn et Daisy UI dans le même projet et la tu me donne l'étape d'après, juste le fait que ca soit au même endroit
@OnlyJavascript
@OnlyJavascript Жыл бұрын
Can you please teach us how to fix positioning the navigation menu drop-down(shadcn).
@debtmoneydanger
@debtmoneydanger 7 ай бұрын
Thank you, this is amazing! Any thoughts on how this encapsulated plugin might be used in a Storybook setup? I'm especially wondering about the Storybook preview file that needs the css file imported in? It would now be in the plugin.
@simonswiss
@simonswiss 7 ай бұрын
The plugin injects the styles in the CSS file, so... I _think_ that importing that CSS file in the Storybook preview file should just work 👍
@hakuna_matata_hakuna
@hakuna_matata_hakuna 19 күн бұрын
i made one that merges a daiyui theme into the variables
@owenvey
@owenvey Жыл бұрын
Awesome video! Do you by chance have the final code uploaded anywhere?
@simonswiss
@simonswiss Жыл бұрын
I don't right now, but I'll put this in a public repo and share the link!
@buildtheui
@buildtheui Жыл бұрын
Nice video, Simon! What is the reason for creating a plugin instead of doing everything inside the preset, considering that the preset can also be reused across projects?
@simonswiss
@simonswiss Жыл бұрын
Do you mean defining the plugin inside the preset directly? Still need the `addBase` helper from the Plugin API to generate the CSS variable declarations..
@jereMIAHjoSEPH
@jereMIAHjoSEPH 11 ай бұрын
Very helpful. Thanks Simon. Sidebar: what browser are you using?
@simonswiss
@simonswiss 11 ай бұрын
Thank you! I am using the ARC browser - it's really good!
@stanislavvranic1745
@stanislavvranic1745 9 ай бұрын
How we add css className next to the buttonVariants({ variant: "outline"})? it's on 9:40
@simonswiss
@simonswiss 9 ай бұрын
You can use the cn() function provided by shadcn/ui - it uses Tailwind Merge internally :) github.com/shadcn-ui/ui/blob/main/templates/next-template/lib/utils.ts#L4-L6
@roylesly9782
@roylesly9782 7 ай бұрын
Waoooooo Waoooo and Waooooooo
@simonswiss
@simonswiss 7 ай бұрын
Wooooooohaaaaaa
@GauravDLohar
@GauravDLohar 11 ай бұрын
Good video✨✨✨ would you tail me which theme do you using in vscode and font??
@simonswiss
@simonswiss 11 ай бұрын
I'm using Dank Mono as a font, and Nigh Owl as a theme 👍
@thevasupodcast4561
@thevasupodcast4561 11 ай бұрын
Can you link to the blog you showed in the beginning. Thank you!
@simonswiss
@simonswiss 11 ай бұрын
What blog post do you mean? I show the shadcn/ui docs website (introduction page) at the beginning. Or do you mean something else?
@cyberstarcritic
@cyberstarcritic 11 ай бұрын
Can i use this as boilterplate to my projexcts
@MyExpByMinHtetKo
@MyExpByMinHtetKo Жыл бұрын
I like shadcn and your video. I create a new laravel project and install tailwind css and create components using shadcn and base color for "slate". And I changed theme primary color to desired custom HSL value from "coolors" color palette website in css variable. And primary color changed for button. But primary color not working for button hover effect. Please someone help me.
@simonswiss
@simonswiss 11 ай бұрын
Do you have some code to show? Link to a repo?
@renewbrnd3211
@renewbrnd3211 Жыл бұрын
Thanks for the video, but are there any good shadcn Nuxt 3 alternatives?
@simonswiss
@simonswiss Жыл бұрын
I am not too sure, sorry. Perhaps something interesting to create, if not!
@wingy3181
@wingy3181 Жыл бұрын
Would you create different presets for different themes? but i'm thinking you would need to create a separate plugin for each theme then which doesn't seem very DRY and ideal to me....... in short goal would be to have different presets for different themes and that is all you would need to figure in the consuming application
@simonswiss
@simonswiss Жыл бұрын
Nope - I would have the theme plugin accept a theme object with multiple keys (each supporting light and dark). And then create theme scopes to redefine the CSS variables based on the theme. One plugin for all themes. Checkout protailwind.com/workshops/multi-theme-strategy - this is what we do in that workshop (without the dark/light mode) 👍
@joscript7846
@joscript7846 Жыл бұрын
What font u using?
@simonswiss
@simonswiss Жыл бұрын
Dank Mono 🤙
@yolla_4
@yolla_4 9 ай бұрын
what font are you using in your vs code?
@simonswiss
@simonswiss 6 ай бұрын
It's called Dank Mono!
@naveeng2003
@naveeng2003 Жыл бұрын
Can we expect a video on cva vs tailwind variants
@simonswiss
@simonswiss Жыл бұрын
I feel like Tailwind Variants builds on CVA and adds a bit extra functionality? CVA definitely gets a shoutout in the README. I don't thinks a "vs" video will happen - but I might do a video for each library!
@m__link6499
@m__link6499 Жыл бұрын
I don’t why when I add shadcn in my Next js project, tailwind doesn’t work anymore … Do you know the things to do for handle this sue please? Thank you for your content …
@simonswiss
@simonswiss Жыл бұрын
Perhaps a wrong setting in your content array in the config file? Got a repo to have a look at?
@mkroven
@mkroven Жыл бұрын
great explaination, what about react server components, css in js is a nightmare in nextjs 13+.
@simonswiss
@simonswiss Жыл бұрын
You write CSS-in-JS in a plugin, but what gets spat out is "regular" CSS. It's all just CSS and should work no problem on server (and client) components 👍
@brianronin505
@brianronin505 11 ай бұрын
pra mim não funcionou 🤔 ai eu fiz isso: addBase({ '*': { 'border-color': 'hsla(var(--border))', }, body: { background: 'hsla(var(--background))', color: 'hsla(var(--foreground))', // '@apply bg-background text-foreground': // {}, }, })
@0xmic
@0xmic 11 ай бұрын
For some reason at 11:35 I'm getting an error in VSCode under `'tailwindcss-animate'` in the updated import line. For some reason it's not picking up from my node_modules. Any guesses? Appreciate any help. 🙏
@simonswiss
@simonswiss 11 ай бұрын
Hmmmm I remember seeing something like that once too - and I think I was able to resolve it by adding a .d.ts file with "declare module". The error/warning should tell you about it.
@whyrulikedis8248
@whyrulikedis8248 10 ай бұрын
add "declare module 'tailwindcss-animate';" to global.d.ts in root folder
@simonswiss
@simonswiss 10 ай бұрын
Yes, that seems to solve this issue (and it's what the error modal suggests) @@whyrulikedis8248
@jayantrohila
@jayantrohila 11 ай бұрын
where to get this plugin
@basavarajpatil9821
@basavarajpatil9821 11 ай бұрын
I liked the font that you used in your code editor. Can anyone share the font name please.
@jereMIAHjoSEPH
@jereMIAHjoSEPH 11 ай бұрын
Dank Mono
@simonswiss
@simonswiss 11 ай бұрын
@@jereMIAHjoSEPH Yep, correct - Dank Mono it is!
@alexpanteli3651
@alexpanteli3651 Жыл бұрын
When I modify tailwind config and thete is some error, next.js crashes. Each time I need to restart server. How do I make it work without having to restart next.js server?
@simonswiss
@simonswiss Жыл бұрын
Hmmm I don't think you can! I had to restart my server in the video too - I just hid that to not make the video any longer than it is 😅
@alexpanteli3651
@alexpanteli3651 Жыл бұрын
@@simonswiss oh I see. Thanks.
@sergeykostik1887
@sergeykostik1887 11 ай бұрын
didn't work for me. gives an error message "Error: Cannot find module"
@simonswiss
@simonswiss 11 ай бұрын
At what point?
@AndersonSousa33
@AndersonSousa33 Жыл бұрын
I got curious about the "fontFamily" that you're setting in this file.
@simonswiss
@simonswiss Жыл бұрын
Do you have a specific question about it?
@AndersonSousa33
@AndersonSousa33 Жыл бұрын
@@simonswiss Are you using it to specify another font family or something else? I've seen there is a var(--font ), but I haven't seen any var in the css file
@WebsiteDevelopment-Uk
@WebsiteDevelopment-Uk Жыл бұрын
Impossible to use tailwind in visual studio code as installation is a nightmare. New install video step by step request....
@simonswiss
@simonswiss Жыл бұрын
What part is a nightmare? What can't you use? Tailwind intellisense not working?
@mohitpaddhariya
@mohitpaddhariya Жыл бұрын
which font you use in your ide please tell me I want that it is my humble request to you sir.
@simonswiss
@simonswiss Жыл бұрын
Dank Mono!
@mohitpaddhariya
@mohitpaddhariya Жыл бұрын
@@simonswiss thank you very much sir.
@mazwrld
@mazwrld Жыл бұрын
why have I not subbed until now???
@simonswiss
@simonswiss Жыл бұрын
I am glad you did now! ❤️
@Al-Misanthropic-Bundy
@Al-Misanthropic-Bundy 11 ай бұрын
HSL ftw
@simonswiss
@simonswiss 11 ай бұрын
OKLCH will probably be the way, takes the best bits of HSL but into the wider color spectrum 🔥
@alexpanteli3651
@alexpanteli3651 Жыл бұрын
Simon you have such a great content and yet very few subsribers. Why is that?
@simonswiss
@simonswiss Жыл бұрын
Because I only "recently" started doing stuff on my channel - I poured my heart on the Tailwind Labs channel before that!
@alexpanteli3651
@alexpanteli3651 Жыл бұрын
@@simonswiss gotcha. Best of luck with your channel and keep it up
@simonswiss
@simonswiss Жыл бұрын
@@alexpanteli3651 Thank you - it's been fun creatring videos and engaging with the comments ✨
@cb73
@cb73 Жыл бұрын
I created a plugin called inception and imported it into itself. I think I created a black hole.
@simonswiss
@simonswiss Жыл бұрын
🤣🤣🤣
@knowmoredesign
@knowmoredesign 4 ай бұрын
"calm down copilot" 😅
@simonswiss
@simonswiss 4 ай бұрын
🤣 I say this so often 🤣
@shakapaker
@shakapaker Жыл бұрын
Is it hard to rent a house and become resident of Bangladesh?
@simonswiss
@simonswiss Жыл бұрын
I wouldn't know!
@EL_PANDA_742
@EL_PANDA_742 Жыл бұрын
so that's only for react, not pure.
@simonswiss
@simonswiss Жыл бұрын
Yeah, that's not going to work in any environment where Tailwind CSS works, unfortunately.
@alexpanteli3651
@alexpanteli3651 Жыл бұрын
Alway keep spelling it as shad CDN 😂😂
@simonswiss
@simonswiss Жыл бұрын
I was convinced it was that and said it "shad CDN" for a whole week!
@matt3441
@matt3441 4 ай бұрын
Was anyone able to get this working with Remix? This doesn't seem to work in the remix root.tsx file: import stylesheet from '@/styles/globals.css' export const links: LinksFunction = () => [ { rel: "stylesheet", href: stylesheet }, ]; Will result in the following error: ✘ [ERROR] Build failed with 1 error: error: Cannot find module '@/styles/shadcn-presets' Require stack: - /frontend/tailwind.config.ts [plugin css-file] app/root.tsx:21:34: 21 │ import stylesheet from '@/styles/globals.css'; ╵ ~~~~~~~~~~~~~~~~~~~~~~~ This error came from the "onLoad" callback registered here: ../../node_modules/.pnpm/@remix-run+dev@2.6.0_@remix-run+serve@2.6.0_typescript@5.3.3/node_modules/@remix-run/dev/dist/compiler/plugins/cssImports.js:77:12: 77 │ build.onLoad({ ╵ ~~~~~~
Tailwind-Merge Is Incredibly Useful - And Here's Why!
12:58
simonswiss
Рет қаралды 34 М.
You’re doing dark mode wrong!
7:54
Coding in Public
Рет қаралды 45 М.
Дибала против вратаря Легенды
00:33
Mr. Oleynik
Рет қаралды 4,4 МЛН
Increíble final 😱
00:37
Juan De Dios Pantoja 2
Рет қаралды 112 МЛН
Вечный ДВИГАТЕЛЬ!⚙️ #shorts
00:27
Гараж 54
Рет қаралды 13 МЛН
Translating a Custom Design System to Tailwind CSS
10:10
Tailwind Labs
Рет қаралды 116 М.
This UI component library is mind-blowing
8:23
Beyond Fireship
Рет қаралды 607 М.
These New Components Blew My Mind
7:06
Theo - t3․gg
Рет қаралды 87 М.
Izotope RX11 Dialog Isolate CPU Usage // Tech Support's Response
7:46
Tansy Aster Academy
Рет қаралды 264
cn() - Every Tailwind Coder Needs It (clsx + twMerge)
7:46
ByteGrad
Рет қаралды 117 М.
The Future Of Tailwind UI Component Frameworks? A look at shadcn/ui.
24:54
Tailwind CSS V4 is SO Good!
8:51
Frontend FYI
Рет қаралды 32 М.
`possiblyOutlives`, scopes, and you (Fusion 101)
7:51
Studio Elttob
Рет қаралды 732
Papa yeh dila do ajse mein aapki behen 😢😊 #shorts
0:30
Sikha shorts and vlogs
Рет қаралды 112 МЛН
Все мы немного НИКА!
0:17
Привет, Я Ника!
Рет қаралды 2,8 МЛН
I Outsmarted My Bully Brother And Ate His Cotton Candy🤫😎
0:33
Giggle Jiggle
Рет қаралды 9 МЛН
Время летит быстро 😱
0:19
НЕБО - СПОРТ И РАЗВЛЕЧЕНИЯ
Рет қаралды 3,1 МЛН