How to Install Shadcn UI using React, JavaScript, and Vite

Поділитися
Вставка
  • Опубліковано 8 січ 2025

КОМЕНТАРІ • 29

  • @AndysTechTutorials
    @AndysTechTutorials  3 місяці тому +1

    EDIT: Updated Video: ua-cam.com/video/uLXIGs-maUU/v-deo.html
    EDIT: November 2024 Update: Updated instructions can be found here - github.com/shadcn-ui/ui/pull/5820!
    If you are having issues with a tailwind error, follow the steps here: github.com/shadcn-ui/ui/issues/4677#issuecomment-2323515224!

  • @fialovybagr1587
    @fialovybagr1587 5 місяців тому +1

    i spent whole evening solving this, its almost 3 am and i just gave up and went to bed. I was curious how to solve this and i found your video, thank you man!!

    • @AndysTechTutorials
      @AndysTechTutorials  5 місяців тому +1

      I’m glad my video helped you!

    • @fialovybagr1587
      @fialovybagr1587 5 місяців тому

      @@AndysTechTutorials So, now when i tried your method, i figured out, some components doesnt work sadly

    • @AndysTechTutorials
      @AndysTechTutorials  5 місяців тому

      What’s the error message that you are seeing with the components that are not working?

    • @fialovybagr1587
      @fialovybagr1587 5 місяців тому

      @@AndysTechTutorials problem is there are no error messages, dev terminal in vs code is clear and browser terminal is clear also. This is for border beam component, it displays the div and the border, even the colorful part that should “orbit” around the border, but it stays on place and doesn’t move..

    • @anshumannjs7876
      @anshumannjs7876 5 місяців тому

      ​@@fialovybagr1587 have you installed tailwind-animation

  • @muthuisheree
    @muthuisheree 4 місяці тому +4

    Thank you , I have been left with an option of going to typescript or leaving shadcn , which i dont like either. Thank you for this video

  • @BrenoGabrieldeMeloLima
    @BrenoGabrieldeMeloLima 4 місяці тому +1

    Now that it's a great tutorial

  • @xdphantom8817
    @xdphantom8817 3 місяці тому +1

    but now the docs changed there are two config file, 1- tsconfig.json and another ts.config.app.json you gave the solution for first one what about the second one do i need to do the same just change the name to js ??

    • @uranus-u3l
      @uranus-u3l 3 місяці тому

      I'm struggling wd the same problrm

    • @afrithhussain3093
      @afrithhussain3093 2 місяці тому

      @@uranus-u3l me also

    • @the_unico
      @the_unico Місяць тому

      Me too. Very buggy and outdated documentation

    • @AndysTechTutorials
      @AndysTechTutorials  Місяць тому

      I updated the documentation here: Hey @the_unico, I updated the documentation here: github.com/shadcn-ui/ui/pull/5820. Can you please try that and let me know if that works for you?

  • @phantazzor
    @phantazzor 5 місяців тому

    2 src file in your root ?

  • @StaceyLust
    @StaceyLust 5 місяців тому

    broo plsss can you chack the updated doc on shadcn and help me out with a comment or drop a new vid about this cuz i’m getting some really bad errors and it’s maddening

  • @gabrielviera5313
    @gabrielviera5313 4 місяці тому +1

    thanks buddy

  • @Qurutube
    @Qurutube 3 місяці тому +1

    It doesn't work now it jsconfig.app.json is also added into Shadcn/ui documentation that I have followed your vid but got no results

  • @trndsttr7585
    @trndsttr7585 Місяць тому +1

    Perfect.

  • @lou.later269
    @lou.later269 8 місяців тому +1

    so when you download the components via cli, do they come in as ts or js files?

  • @BonsaiMagic
    @BonsaiMagic 6 місяців тому +1

    THANKS!!!!

  • @qhabibq9780
    @qhabibq9780 2 місяці тому +1

    thanks

  • @bubee6891
    @bubee6891 2 місяці тому

    here is your like

  • @tkyvgn19
    @tkyvgn19 8 місяців тому

    Andy I want to contact you for a job. Please

    • @AndysTechTutorials
      @AndysTechTutorials  8 місяців тому

      Hi Ismael, you can contact me at andytechtutorials@gmail.com

  • @billionairem4fia
    @billionairem4fia 11 днів тому

    that tsconfig suckss !