- Видео 25
- Просмотров 265 081
Tailwind collections
Индонезия
Добавлен 24 июл 2021
Razor UI Landing Page | Tailwind CSS
In this video, we demonstrate how to create a stunning landing page using Razor UI. Our fast-paced tutorial covers all the basics, from setting up your project to customizing the layout and design. Whether you're a beginner or an experienced designer, you'll find something useful in this tutorial. Watch now and learn how to create a professional-quality landing page with Razor UI!
Credit for the design:
dribbble.com/shots/17800881-Web-UI
Demo:
razor-landing-page.tailwindcollections.com/
Source code:
github.com/tailwindcollections/tailwind-razor-landing-page
Visit our new website :
tailwindcollections.com
Credit for the design:
dribbble.com/shots/17800881-Web-UI
Demo:
razor-landing-page.tailwindcollections.com/
Source code:
github.com/tailwindcollections/tailwind-razor-landing-page
Visit our new website :
tailwindcollections.com
Просмотров: 3 955
Видео
Website Builder Part 5 (END) - Content | React + Tailwind
Просмотров 6 тыс.Год назад
This is the last video in this series that will show you how to create a website builder using Tailwind CSS and React JS. In this tutorial, I will show you how to make the content of this website. Hope you guys like it. Repo: github.com/tailwindcollections/website-builder Demo: tailwindcollections-website-builder.netlify.app Design: dribbble.com/shots/17297982-Builder-Web-App Follow Me on Twitt...
Website Builder Part 4 - Right Menu | React + Tailwind
Просмотров 2,7 тыс.Год назад
This is the fourth video in this series that will show you how to create a website builder using Tailwind CSS and React JS. In this tutorial, I will show you how to make the right menu and accordion component. Design: dribbble.com/shots/17297982-Builder-Web-App Follow Me on Twitter : twncollections
Website Builder Part 3 - Right Menu | React + Tailwind
Просмотров 3,3 тыс.Год назад
This is the third video in this series that will show you how to create a website builder using Tailwind CSS and React JS. In this tutorial, I will show you how to make the right menu and accordion component. Design: dribbble.com/shots/17297982-Builder-Web-App Follow Me on Twitter : twncollections
Website Builder Part 2 - Navbar | React + Tailwind
Просмотров 5 тыс.Год назад
This is the second video in a series that will show you how to create a website builder using Tailwind CSS and React JS. In this tutorial, I will show you how to create the navigation bar with some interactivity. Design: dribbble.com/shots/17297982-Builder-Web-App Follow Me on Twitter : twncollections
Website Builder Part 1 - Sidebar | React + Tailwind
Просмотров 22 тыс.Год назад
This tutorial series is for you! React Tailwind CSS is all you need to build your very own modern static website builder from scratch. I will show you how you can build a website builder using React and Tailwind CSS. Stay tuned for more videos. Design: dribbble.com/shots/17297982-Builder-Web-App Follow Me on Twitter : twncollections
Create A Dark Mode Dashboard Using Tailwind CSS and Vue JS
Просмотров 9 тыс.Год назад
In this video, I show you how to create a dark mode dashboard using Tailwind CSS, Vue JS & other free resources. The process is pretty straightforward and from start, to finish you can have a working dashboard up and running within a few hours. Design: dribbble.com/shots/17336765-Money-Transfer-Ofspace-Dark Code: github.com/tailwindcollections/tailwind-money-transfer-dashboard Demo: tailwindcol...
Order Management Dashboard using Tailwind CSS | Speed Code
Просмотров 15 тыс.2 года назад
Hello everyone, today we are going to build this order management dashboard using Tailwind CSS. If you want to see more videos to create a dashboard like this, please give a thumbs up and subscribe to the channel. Design: dribbble.com/shots/17284635-Order-details-page-v2-SwagUp Code : github.com/tailwindcollections/tailwind-order-dashboard Demo : tailwindcollections-order-dashboard.netlify.app ...
Product Management Dashboard using Tailwind CSS | Speed Code
Просмотров 34 тыс.2 года назад
Hi guys, in this video we are going to build this product management dashboard using Tailwind CSS. If you want to see more videos to create a dashboard like this, please give a thumbs up and subscribe to the channel. Design: dribbble.com/shots/17197630-Product-Page-Dashboard-YYC-Design-Exploration Code : github.com/tailwindcollections/tailwind-product-dashboard Demo : tailwindcollections-produc...
Gallery Page using Tailwind CSS | Speed Code
Просмотров 7 тыс.2 года назад
Hello everyone, today we are going to create a gallery page using tailwind CSS. Today we will learn about the column utility from Tailwind CSS to create the gallery. Hope you guys like it. Follow me on Twitter: twncollections Tailwind Column Docs: tailwindcss.com/docs/columns Repo: github.com/tailwindcollections/tailwind-gallery-page Demo: tailwindcollections-gallery-page.netlify.ap...
Traffic Website Landing Page with Tailwind CSS | Speed Code
Просмотров 3,9 тыс.2 года назад
Hello everyone! Today we will create this Traffic Website Landing Page using Tailwind CSS, we also will explore micro-interaction in this video. Follow me on Twitter: twncollections Design: dribbble.com/shots/17045698-Lindo-Traffic-Website Repo: github.com/tailwindcollections/tailwind-traffic-website Demo: tailwindcollections-traffic-website.netlify.app/ What do you think? Give your...
Work From Home Landing Page using Tailwind CSS | Speed Code
Просмотров 6 тыс.2 года назад
Hi guys, Today we will create this landing page using Tailwind CSS and Vue js. Here is the Landing page design of “Happy Home” where you can find some benefits and tips to make your work from home successful. Hope you guys like it. Design: www.figma.com/community/file/1047042975023389902 Repo: github.com/tailwindcollections/tailwind-wfh Demo: tailwindcollections-wfh.netlify.app Follow me on Twi...
Windows 11 User Interface using TailwindCSS | Speed Code
Просмотров 1,5 тыс.2 года назад
Hi guys, Today we will create Windows 11 UI using Tailwindcss. Hope you guys like it. If you have something in mind, feel free to leave a comment. Design: www.figma.com/community/file/1035524331682993208 www.figma.com/community/file/988689825605885316 Repo: github.com/tailwindcollections/tailwind-windows-11 Demo: tailwindcollections-windows-11.netlify.app Follow me on Twitter: twnco...
POS Dark Dashboard Design using Tailwind CSS | Speed Code
Просмотров 26 тыс.2 года назад
Hi there... Today we will create a POS Dark dashboard design using Tailwind CSS. Hope you guys like it. Follow me on Twitter: twncollections Design: www.figma.com/community/file/944188956363619079 Github: github.com/tailwindcollections/tailwind-pos-dark Demo: tailwindcollections-pos-dark-dashboard.netlify.app/ Available for work www.fiverr.com/s2/97085c94d4
Organic Landing page using Tailwind CSS | Speed Code
Просмотров 17 тыс.2 года назад
Hi there, let's build this beautiful landing page using Tailwind CSS. Hope you guys like it. Credit for the design : www.behance.net/gallery/123646551/Organo-UI-Design Github : github.com/tailwindcollections/tailwind-organic Demo : tailwindcollections-organic.netlify.app/ Follow Me on Twitter : twncollections Available for work www.fiverr.com/s2/97085c94d4
Tailwind CSS Login Page Part 2 | Speed Code
Просмотров 1,7 тыс.2 года назад
Tailwind CSS Login Page Part 2 | Speed Code
Tailwind CSS Login Page Part 1 | Speed Code
Просмотров 4,4 тыс.2 года назад
Tailwind CSS Login Page Part 1 | Speed Code
Simple Top Navigation Bar Animation with Tailwind CSS
Просмотров 3,4 тыс.2 года назад
Simple Top Navigation Bar Animation with Tailwind CSS
Tailwind CSS Portfolio Landing Page
Просмотров 3,3 тыс.2 года назад
Tailwind CSS Portfolio Landing Page
Furniture Design Page using TailwindCSS
Просмотров 4,6 тыс.2 года назад
Furniture Design Page using TailwindCSS
SpaceX’s Dashboard Design UI using Tailwind CSS
Просмотров 4 тыс.2 года назад
SpaceX’s Dashboard Design UI using Tailwind CSS
Skateboard video platform using Tailwind CSS
Просмотров 6 тыс.2 года назад
Skateboard video platform using Tailwind CSS
Datepicker component using Tailwind CSS
Просмотров 32 тыс.2 года назад
Datepicker component using Tailwind CSS
Dark theme landing page using Tailwind CSS
Просмотров 2,1 тыс.2 года назад
Dark theme landing page using Tailwind CSS
Sidebar component using Tailwind CSS
Просмотров 40 тыс.2 года назад
Sidebar component using Tailwind CSS
thank you
where can i find the github code?
can you make this app with vanilla js
can you continue this series
This is huge and honestly you deserved to be appreciated boss🎉❤. What do i need to do if i want to make this an AI page builder, where users will have to type a prompt then the page appears after which the user can edit the page with the builder. Thanks as i await your response sir.
The code seems to call an API that is nowhere to be found :/
Mind blown with the shenaningans (absolute/relative) for the arrow button to hide he side panel lo
Is it possible to integrate your design with Grapes JS functionalities?
A suggestion: In modern CSS (specially in Tailwind) you should start from mobile then desktop. Anyway awesome work. ❤
Thanks this helped me a lot
It should have been responsive.
*break-inside:avoid* damn, that's what I'm here for! Thank you ❤
Where can I get a copy of this?
You can check the description
@@TailwindcollectionsI signed up to dribble. But I still don't understand how to get/buy a copy of your script.
Here is the link : github.com/tailwindcollections/website-builder
Please make more Vue js and Tailwind css video
Source code?
Vue + Tailwind. The same Im using, thanks for your content! 😄
TALK !! I can see this would be a great video if it was narrated! And remove that stupid background music
You're a fan of AOT 😂🤘🎉😁😁😁
Omg your code is so clean and beautiful. Btw, what Code Editor are you using?
I'm using vscode
amazing work! I’d love to see how to make a phone number input using tailwind where you can choose country on the left side with flag. Just like react-phone-number-input but better UI lol
I couldn't finish watching the video because of the background song, sorry.
Ohh.. Sorry about that, I will try to make a better video next time..
you have done such a useless sidebar, no dynamism no reusability whatsoever, might as well just use sidebar.png instead of writing the code
Rubbish how will png work as a navbar
Could you share your vscode style with me
It's Andromeda
Your videos are going fast and I could not see commands in the command prompt. Please explain in detail using voice whether it is good or bad. We don't mind. I had planned to practice step by step by following your video and stopped it due to not understanding the video.
I'm sorry that you had trouble following our video. In the future, we will make sure to provide more detailed explanations and use voiceovers to clearly communicate the steps we are taking.
Just slow it down. Turn the sound off, put your own music on, watch at 0.5x the regular speed or something and you're good
Hi Bro nice work. I am looking POS +React js+ Tailwind if you any templates please let me know will buy.
Sorry I don't have that template right now, but if you have the design I can make it for you.
amazing thank you so much
cool Vue tutorial
I want to buy a few hours of tailwind coaching from you
1¢ per millisecond
You Saved My Day I subscribe you 😀😀
I Like the way you auto sort CSS classes. Are you using "postcss-sorting" with a special "order"? Is it possible to find the Github repository of your tutorial?
How do you get access to the font being used? And the rest of the image?
i started using tailwind recently and while scrolling through youtube i found this video and man u are nice . learned more from u tnx
Vscode customization settings?
i hope you make many videos like this to sharing everything about frontend web ♥
hi, awesome video, i dont understand the ultimate codes (the plugin and in to brackets code)
Don't you like to just use svg icons using react-icons?
Bro why react , vue is better
Feels like Online Tutorials (all about CSS) video but in Tailwind, really cool.
I took my day to rebuild your design. Thanks for this class
Wow, loved it.
Very clean design, please what's the name of the soundtracks you used, especially first track. Very energetic
You can see it below the description...
Hello. I'm a college student studying in Korea. it's very nice video. thx. I want to be someone like u. I'll subscribe!
bro you are hardcoding everything, you should do it dynamically with loops and conditions not just divs and spans else waht's the point of using a JS framwork
Incredible project in react and tailwindcss... I follow this channel because the designs are modern and also very creative... for 1000 more projects from Tailwind collections... thank you very much for the contribution
I love your vs code config, could you please share what theme do you use, icon pack etc.? Can you share vs code config?
𝓅𝓇𝑜𝓂𝑜𝓈𝓂 ❣️
perfect content. how did you get all assets from original design?
I not sure but I think I got the figma design from somewhere. Maybe if you search for "fueler" in the internet you can find it.
Looks awesome!!!
can you create online survey builder in real-time?
Can you show me the design?