Tailwind collections
Tailwind collections
  • Видео 25
  • Просмотров 265 081
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
Просмотров: 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

Комментарии

  • @ockiyacliff9020
    @ockiyacliff9020 Месяц назад

    thank you

  • @yasirdoulfikarjouhri9734
    @yasirdoulfikarjouhri9734 4 месяца назад

    where can i find the github code?

  • @nam_nam6895
    @nam_nam6895 5 месяцев назад

    can you make this app with vanilla js

  • @rummanujjaman4727
    @rummanujjaman4727 6 месяцев назад

    can you continue this series

  • @ayodejioyewumi4342
    @ayodejioyewumi4342 8 месяцев назад

    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.

  • @danilomenoli
    @danilomenoli 8 месяцев назад

    The code seems to call an API that is nowhere to be found :/

  • @danilomenoli
    @danilomenoli 8 месяцев назад

    Mind blown with the shenaningans (absolute/relative) for the arrow button to hide he side panel lo

  • @coneqto
    @coneqto 11 месяцев назад

    Is it possible to integrate your design with Grapes JS functionalities?

  • @dibbyo456
    @dibbyo456 Год назад

    A suggestion: In modern CSS (specially in Tailwind) you should start from mobile then desktop. Anyway awesome work. ❤

  • @Oroshimisu
    @Oroshimisu Год назад

    Thanks this helped me a lot

  • @dibbyo456
    @dibbyo456 Год назад

    It should have been responsive.

  • @reold
    @reold Год назад

    *break-inside:avoid* damn, that's what I'm here for! Thank you ❤

  • @garrettmersman
    @garrettmersman Год назад

    Where can I get a copy of this?

    • @Tailwindcollections
      @Tailwindcollections Год назад

      You can check the description

    • @garrettmersman
      @garrettmersman Год назад

      ​@@TailwindcollectionsI signed up to dribble. But I still don't understand how to get/buy a copy of your script.

    • @Tailwindcollections
      @Tailwindcollections Год назад

      Here is the link : github.com/tailwindcollections/website-builder

  • @akhileshrajan4278
    @akhileshrajan4278 Год назад

    Please make more Vue js and Tailwind css video

  • @rudeadyet1992
    @rudeadyet1992 Год назад

    Source code?

  • @georgeYT5
    @georgeYT5 Год назад

    Vue + Tailwind. The same Im using, thanks for your content! 😄

  • @edgarwideman737
    @edgarwideman737 Год назад

    TALK !! I can see this would be a great video if it was narrated! And remove that stupid background music

  • @rishabh7781
    @rishabh7781 Год назад

    You're a fan of AOT 😂🤘🎉😁😁😁

  • @stevemarlow2232
    @stevemarlow2232 Год назад

    Omg your code is so clean and beautiful. Btw, what Code Editor are you using?

  • @knigel6474
    @knigel6474 Год назад

    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

  • @okamisenpai4485
    @okamisenpai4485 Год назад

    I couldn't finish watching the video because of the background song, sorry.

    • @Tailwindcollections
      @Tailwindcollections Год назад

      Ohh.. Sorry about that, I will try to make a better video next time..

  • @prohacker5086
    @prohacker5086 Год назад

    you have done such a useless sidebar, no dynamism no reusability whatsoever, might as well just use sidebar.png instead of writing the code

    • @MabelEkemezie
      @MabelEkemezie 11 месяцев назад

      Rubbish how will png work as a navbar

  • @asaad4959
    @asaad4959 Год назад

    Could you share your vscode style with me

  • @thuraiit
    @thuraiit Год назад

    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.

    • @Tailwindcollections
      @Tailwindcollections Год назад

      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.

    • @pjborowiecki2577
      @pjborowiecki2577 Год назад

      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

  • @nagarjunakanamarlapudi272
    @nagarjunakanamarlapudi272 Год назад

    Hi Bro nice work. I am looking POS +React js+ Tailwind if you any templates please let me know will buy.

    • @Tailwindcollections
      @Tailwindcollections Год назад

      Sorry I don't have that template right now, but if you have the design I can make it for you.

  • @giabao2807
    @giabao2807 Год назад

    amazing thank you so much

  • @x-nfo
    @x-nfo Год назад

    cool Vue tutorial

  • @TodorescuProgramming
    @TodorescuProgramming Год назад

    I want to buy a few hours of tailwind coaching from you

  • @raminraisarafio354
    @raminraisarafio354 Год назад

    You Saved My Day I subscribe you 😀😀

  • @jeremyjousse2598
    @jeremyjousse2598 Год назад

    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?

  • @gerryleonugroho
    @gerryleonugroho Год назад

    How do you get access to the font being used? And the rest of the image?

  • @ethioapps836
    @ethioapps836 Год назад

    i started using tailwind recently and while scrolling through youtube i found this video and man u are nice . learned more from u tnx

  • @nicenaija9952
    @nicenaija9952 Год назад

    Vscode customization settings?

  • @xotiss
    @xotiss Год назад

    i hope you make many videos like this to sharing everything about frontend web ♥

  • @gamuro6977
    @gamuro6977 Год назад

    hi, awesome video, i dont understand the ultimate codes (the plugin and in to brackets code)

  • @adrianooo3658
    @adrianooo3658 Год назад

    Don't you like to just use svg icons using react-icons?

  • @komoplay5237
    @komoplay5237 Год назад

    Bro why react , vue is better

  • @adrianooo3658
    @adrianooo3658 Год назад

    Feels like Online Tutorials (all about CSS) video but in Tailwind, really cool.

  • @montestmom6517
    @montestmom6517 Год назад

    I took my day to rebuild your design. Thanks for this class

  • @niranjanshrestha4592
    @niranjanshrestha4592 Год назад

    Wow, loved it.

  • @raymondmichael4987
    @raymondmichael4987 Год назад

    Very clean design, please what's the name of the soundtracks you used, especially first track. Very energetic

  • @koo4838
    @koo4838 Год назад

    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!

  • @noufelnaili1468
    @noufelnaili1468 Год назад

    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

  • @studiosmuse6136
    @studiosmuse6136 Год назад

    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

  • @viko6467
    @viko6467 Год назад

    I love your vs code config, could you please share what theme do you use, icon pack etc.? Can you share vs code config?

  • @savannaclaude4808
    @savannaclaude4808 Год назад

    𝓅𝓇𝑜𝓂𝑜𝓈𝓂 ❣️

  • @jasonbrooks737
    @jasonbrooks737 Год назад

    perfect content. how did you get all assets from original design?

    • @Tailwindcollections
      @Tailwindcollections Год назад

      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.

  • @GGGStalker
    @GGGStalker Год назад

    Looks awesome!!!

  • @kamilaltug5670
    @kamilaltug5670 Год назад

    can you create online survey builder in real-time?