--- title: July 2023 - JavaScript | daily.dev description: Shadcn UI added support for a JavaScript version of its components, installable via the CLI, for projects that don't use TypeScript. TypeScript remains the... canonical: https://daily.dev/posts/july-2023---javascript-lyhhdqkc3 twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: July 2023 - JavaScript | daily.dev og:description: Shadcn UI added support for a JavaScript version of its components, installable via the CLI, for projects that don't use TypeScript. TypeScript remains the... og:url: https://daily.dev/posts/july-2023---javascript-lyhhdqkc3 og:image: https://api.daily.dev/og/posts/LyhhdqkC3.png og:image:alt: July 2023 - JavaScript og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # July 2023 - JavaScript **[The Foundation for your Design System - shadcn/ui](https://daily.dev/sources/shadcn-ui)** · 1 min read · 0 upvotes · 0 comments ## Summary Shadcn UI added support for a JavaScript version of its components, installable via the CLI, for projects that don't use TypeScript. TypeScript remains the recommended setup, but developers can opt out by setting the tsx flag to false in components.json and configuring import aliases with a jsconfig.json file. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: ## Questions this post answers ### How do I use shadcn UI components in a JavaScript project instead of TypeScript? Shadcn UI components can be installed in JavaScript form via its CLI. Set the tsx flag to false in the components.json configuration file to opt out of TypeScript, and add a jsconfig.json file to configure import aliases for the JavaScript project. TypeScript remains the recommended setup for the project overall. _daily.dev surfaces shadcn ui updates for developers weighing typescript versus javascript setups._ ## Similar posts on daily.dev - [shadcn spooky szn](https://daily.dev/posts/shadcn-spooky-szn-okmlrbq9x) · Bytes by ui.dev · 2 upvotes · 0 comments - [Shadcn Releases Visual Project Builder](https://daily.dev/posts/shadcn-releases-visual-project-builder-1ptkzmoeh) · InfoQ · 74 upvotes · 1 comments --- Tags: [#javascript](https://daily.dev/tags/javascript), [#react](https://daily.dev/tags/react), [#typescript](https://daily.dev/tags/typescript), [#shadcn](https://daily.dev/tags/shadcn) [View this post on daily.dev](https://daily.dev/posts/july-2023---javascript-lyhhdqkc3) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"TechArticle","headline":"July 2023 - JavaScript","url":"https://daily.dev/posts/july-2023---javascript-lyhhdqkc3","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/july-2023---javascript-lyhhdqkc3"},"datePublished":"2026-08-23T12:18:36.210Z","dateModified":"2026-08-23T12:33:42.679Z","description":"Shadcn UI added support for a JavaScript version of its components, installable via the CLI, for projects that don't use TypeScript. TypeScript remains the...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/f766fc6e637d4056dd3cf6462d18fc56?_a=AQAEuop","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/f766fc6e637d4056dd3cf6462d18fc56?_a=AQAEuop","isAccessibleForFree":true,"articleSection":"The Foundation for your Design System - shadcn/ui","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Organization","name":"The Foundation for your Design System - shadcn/ui","logo":"https://media.daily.dev/image/upload/s--GiOq6F7Y--/f_auto,q_auto/v1787487441/logos/shadcn-ui?_a=BAMAMicg0","url":"https://daily.dev/sources/shadcn-ui"},"commentCount":0,"discussionUrl":"https://daily.dev/posts/july-2023---javascript-lyhhdqkc3","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":0},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":0}],"keywords":"javascript,react,typescript,shadcn","timeRequired":"PT1M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"The Foundation for your Design System - shadcn/ui","item":"https://daily.dev/sources/shadcn-ui"},{"@type":"ListItem","position":3,"name":"July 2023 - JavaScript"}]} {"@context":"https://schema.org","@type":"FAQPage","@id":"https://daily.dev/posts/july-2023---javascript-lyhhdqkc3#faq","mainEntity":[{"@type":"Question","name":"How do I use shadcn UI components in a JavaScript project instead of TypeScript?","acceptedAnswer":{"@type":"Answer","text":"Shadcn UI components can be installed in JavaScript form via its CLI. Set the tsx flag to false in the components.json configuration file to opt out of TypeScript, and add a jsconfig.json file to configure import aliases for the JavaScript project. TypeScript remains the recommended setup for the project overall. daily.dev surfaces shadcn ui updates for developers weighing typescript versus javascript setups."}}]} ```