├── bolt-qwik ├── public │ ├── robots.txt │ ├── fonts │ │ ├── poppins-400.woff2 │ │ ├── poppins-500.woff2 │ │ └── poppins-700.woff2 │ ├── manifest.json │ └── favicon.svg ├── src │ ├── media │ │ └── thunder.png │ ├── components │ │ └── starter │ │ │ ├── counter │ │ │ ├── counter.module.css │ │ │ └── counter.tsx │ │ │ ├── infobox │ │ │ ├── infobox.tsx │ │ │ └── infobox.module.css │ │ │ ├── footer │ │ │ ├── footer.module.css │ │ │ └── footer.tsx │ │ │ ├── gauge │ │ │ └── gauge.module.css │ │ │ ├── header │ │ │ └── header.module.css │ │ │ ├── next-steps │ │ │ └── next-steps.module.css │ │ │ └── hero │ │ │ └── hero.module.css │ ├── entry.dev.tsx │ ├── routes │ │ ├── service-worker.ts │ │ ├── demo │ │ │ └── todolist │ │ │ │ └── todolist.module.css │ │ └── layout.tsx │ ├── entry.preview.tsx │ ├── entry.ssr.tsx │ ├── global.css │ └── root.tsx ├── qwik.env.d.ts ├── .prettierignore ├── .eslintignore ├── .gitignore ├── adapters │ └── static │ │ └── vite.config.ts ├── tsconfig.json └── LICENSE ├── quasar ├── src │ ├── boot │ │ └── .gitkeep │ ├── css │ │ ├── app.scss │ │ └── quasar.variables.scss │ ├── App.vue │ ├── router │ │ ├── routes.js │ │ └── index.js │ ├── pages │ │ └── ErrorNotFound.vue │ └── components │ │ └── EssentialLink.vue ├── .eslintignore ├── .editorconfig ├── .vscode │ ├── settings.json │ └── extensions.json ├── jsconfig.json ├── .gitignore ├── README.md ├── package.json └── postcss.config.js ├── js ├── index.html ├── package.json ├── index.js ├── package-lock.json └── style.css ├── egg ├── app │ ├── view │ │ └── home.tpl │ ├── router.js │ └── controller │ │ └── home.js ├── .gitignore ├── config │ ├── config.local.js │ ├── plugin.js │ └── config.default.js ├── index.js ├── package.json └── README.md ├── graphql ├── .gitignore ├── package.json └── index.js ├── nodemon ├── .gitignore ├── index.js ├── package.json └── run.js ├── express-simple ├── .gitignore ├── package.json ├── static │ └── style.css ├── README.md ├── pages │ └── index.html └── index.js ├── node ├── .gitignore ├── index.js ├── package.json └── package-lock.json ├── react ├── public │ └── index.html ├── src │ ├── App.js │ ├── style.css │ └── index.js └── package.json ├── static ├── script.js ├── package.json ├── page2.html ├── package-lock.json ├── index.html └── styles.css ├── typescript ├── index.html ├── tsconfig.json ├── package.json ├── index.ts ├── package-lock.json └── style.css ├── bootstrap-5 ├── .gitignore ├── src │ ├── index.js │ └── styles.scss ├── package.json └── index.html ├── gsap-next ├── .gitignore ├── pages │ └── _app.js ├── helpers │ └── isomorphicEffect.js └── package.json ├── gsap-react ├── .gitignore ├── public │ └── index.html ├── src │ └── index.js └── package.json ├── gsap-sveltekit ├── .npmrc ├── static │ ├── robots.txt │ └── favicon.png ├── src │ ├── lib │ │ └── images │ │ │ ├── svelte-welcome.png │ │ │ └── svelte-welcome.webp │ ├── routes │ │ ├── +layout.svelte │ │ └── +page.js │ ├── app.d.ts │ └── app.html ├── vite.config.js ├── .gitignore ├── svelte.config.js ├── .prettierignore ├── .prettierrc ├── jsconfig.json ├── package.json └── README.md ├── react-ts ├── public │ └── index.html ├── tsconfig.json ├── src │ ├── style.css │ ├── App.tsx │ └── index.tsx └── package.json ├── slidev ├── .gitignore ├── package.json ├── README.md └── components │ └── Counter.vue ├── sveltekit ├── .gitignore ├── src │ ├── global.d.ts │ ├── routes │ │ └── +page.svelte │ ├── app.d.ts │ └── app.html ├── static │ └── favicon.png ├── vite.config.js ├── jsconfig.json ├── svelte.config.js ├── package.json └── README.md ├── web-platform ├── script.js ├── page2.html ├── index.html └── styles.css ├── angular ├── .gitignore ├── src │ ├── global_styles.css │ ├── main.ts │ └── index.html ├── tsconfig.app.json ├── package.json └── tsconfig.json ├── tres ├── src │ ├── vite-env.d.ts │ ├── main.ts │ ├── App.vue │ ├── style.css │ └── components │ │ ├── TheModel.vue │ │ └── TheText.vue ├── public │ ├── favicon.ico │ ├── favicon-16x16.png │ ├── favicon-32x32.png │ ├── favicon.svg │ └── favicon-dark.svg ├── tsconfig.node.json ├── .gitignore ├── index.html ├── vite.config.ts ├── tsconfig.json ├── README.md ├── package.json └── LICENSE ├── astro-shadcn ├── .bolt │ ├── ignore │ └── prompt ├── src │ ├── env.d.ts │ ├── components │ │ └── ui │ │ │ ├── aspect-ratio.tsx │ │ │ ├── skeleton.tsx │ │ │ ├── collapsible.tsx │ │ │ ├── label.tsx │ │ │ ├── textarea.tsx │ │ │ ├── separator.tsx │ │ │ ├── progress.tsx │ │ │ ├── toaster.tsx │ │ │ ├── input.tsx │ │ │ ├── sonner.tsx │ │ │ ├── checkbox.tsx │ │ │ ├── slider.tsx │ │ │ └── switch.tsx │ ├── lib │ │ └── utils.ts │ ├── pages │ │ └── index.astro │ └── layouts │ │ └── Layout.astro ├── tsconfig.json ├── astro.config.mjs ├── .gitignore ├── components.json └── public │ └── favicon.svg ├── nextjs-shadcn ├── .bolt │ ├── ignore │ └── prompt ├── .eslintrc.json ├── postcss.config.js ├── netlify.toml ├── lib │ └── utils.ts ├── components │ └── ui │ │ ├── aspect-ratio.tsx │ │ ├── skeleton.tsx │ │ ├── collapsible.tsx │ │ ├── label.tsx │ │ ├── textarea.tsx │ │ ├── separator.tsx │ │ ├── progress.tsx │ │ ├── toaster.tsx │ │ ├── input.tsx │ │ ├── sonner.tsx │ │ ├── checkbox.tsx │ │ └── slider.tsx ├── next.config.js ├── app │ ├── page.tsx │ └── layout.tsx ├── components.json ├── .gitignore └── tsconfig.json ├── nextjs ├── .eslintrc.json ├── app │ ├── favicon.ico │ ├── globals.css │ └── layout.tsx ├── next.config.js ├── postcss.config.js ├── .gitignore ├── tailwind.config.ts ├── public │ └── vercel.svg ├── package.json └── tsconfig.json ├── vite-shadcn ├── .bolt │ ├── ignore │ └── prompt ├── src │ ├── vite-env.d.ts │ ├── App.css │ ├── App.tsx │ ├── components │ │ └── ui │ │ │ ├── aspect-ratio.tsx │ │ │ ├── skeleton.tsx │ │ │ ├── collapsible.tsx │ │ │ ├── label.tsx │ │ │ ├── textarea.tsx │ │ │ ├── separator.tsx │ │ │ ├── progress.tsx │ │ │ ├── toaster.tsx │ │ │ ├── input.tsx │ │ │ ├── sonner.tsx │ │ │ ├── slider.tsx │ │ │ ├── checkbox.tsx │ │ │ └── tooltip.tsx │ ├── lib │ │ └── utils.ts │ └── main.tsx ├── postcss.config.js ├── tsconfig.json ├── vite.config.ts ├── .gitignore ├── components.json ├── tsconfig.node.json ├── index.html ├── tsconfig.app.json └── eslint.config.js ├── bolt-vite-react-ts ├── src │ ├── vite-env.d.ts │ ├── index.css │ ├── App.tsx │ └── main.tsx ├── postcss.config.js ├── tsconfig.json ├── tailwind.config.js ├── vite.config.ts ├── .gitignore ├── .bolt │ └── prompt ├── tsconfig.node.json ├── index.html ├── tsconfig.app.json ├── eslint.config.js └── package.json ├── gsap-svelte ├── .vscode │ └── extensions.json ├── src │ ├── vite-env.d.ts │ ├── lib │ │ └── Counter.svelte │ ├── main.js │ └── App.svelte ├── vite.config.js ├── .gitignore ├── package.json ├── index.html └── jsconfig.json ├── tutorialkit ├── src │ ├── content │ │ ├── tutorial │ │ │ ├── 1-basics │ │ │ │ ├── meta.md │ │ │ │ └── 1-introduction │ │ │ │ │ ├── meta.md │ │ │ │ │ └── 1-welcome │ │ │ │ │ ├── _files │ │ │ │ │ └── counter.js │ │ │ │ │ └── _solution │ │ │ │ │ └── counter.js │ │ │ └── meta.md │ │ └── config.ts │ ├── env.d.ts │ └── templates │ │ └── default │ │ ├── package.json │ │ ├── counter.js │ │ ├── index.html │ │ ├── main.js │ │ └── javascript.svg ├── .vscode │ ├── extensions.json │ ├── launch.json │ └── settings.json ├── .gitignore ├── icons │ └── languages │ │ ├── html.svg │ │ ├── markdown.svg │ │ ├── css.svg │ │ ├── js.svg │ │ ├── ts.svg │ │ ├── json.svg │ │ └── sass.svg ├── astro.config.ts ├── public │ └── favicon.svg ├── tsconfig.json └── package.json ├── gsap-nuxt ├── .gitignore ├── tsconfig.json ├── nuxt.config.ts ├── package.json └── README.md ├── bolt-remotion ├── .prettierrc ├── eslint.config.mjs ├── src │ ├── index.ts │ ├── HelloWorld │ │ ├── constants.ts │ │ ├── Subtitle.tsx │ │ └── Atom.tsx │ └── Root.tsx ├── .gitignore ├── remotion.config.ts ├── tsconfig.json ├── .bolt │ └── prompt └── package.json ├── bolt-expo ├── assets │ └── images │ │ ├── icon.png │ │ └── favicon.png ├── .prettierrc ├── hooks │ └── useFrameworkReady.ts ├── tsconfig.json ├── .gitignore ├── app │ ├── _layout.tsx │ └── +not-found.tsx └── app.json ├── test └── utils │ └── index.ts ├── vue ├── src │ ├── main.js │ └── App.vue ├── public │ └── index.html └── package.json ├── hono-nodejs-starter ├── README.md ├── tsconfig.json ├── package.json ├── src │ └── index.ts └── .gitignore ├── rxjs ├── package.json ├── index.ts ├── style.css └── package-lock.json ├── gsap-vue ├── src │ ├── main.js │ └── App.vue ├── vite.config.js ├── .gitignore ├── package.json ├── README.md └── index.html ├── json-graphql-server ├── package.json └── db.js ├── json-server ├── readme.md ├── index.js ├── package.json ├── index.html └── db.json ├── koa ├── package.json └── index.js ├── .github └── workflows │ ├── prettier.yml │ ├── package-lock-sync.yml │ └── test.yml ├── .prettierrc ├── .gitignore ├── .prettierignore ├── vitest.config.ts ├── package.json └── LICENSE /bolt-qwik/public/robots.txt: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /quasar/src/boot/.gitkeep: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /js/index.html: -------------------------------------------------------------------------------- 1 |
-------------------------------------------------------------------------------- /egg/app/view/home.tpl: -------------------------------------------------------------------------------- 1 | hi, {{ name }} -------------------------------------------------------------------------------- /graphql/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | -------------------------------------------------------------------------------- /nodemon/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | -------------------------------------------------------------------------------- /express-simple/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | -------------------------------------------------------------------------------- /node/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | .env 3 | -------------------------------------------------------------------------------- /react/public/index.html: -------------------------------------------------------------------------------- 1 |
-------------------------------------------------------------------------------- /static/script.js: -------------------------------------------------------------------------------- 1 | console.log('Hello!'); 2 | -------------------------------------------------------------------------------- /typescript/index.html: -------------------------------------------------------------------------------- 1 |
-------------------------------------------------------------------------------- /bootstrap-5/.gitignore: -------------------------------------------------------------------------------- 1 | dist 2 | node_modules 3 | -------------------------------------------------------------------------------- /egg/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | logs 3 | run 4 | -------------------------------------------------------------------------------- /gsap-next/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | .next 3 | -------------------------------------------------------------------------------- /gsap-react/.gitignore: -------------------------------------------------------------------------------- 1 | build 2 | node_modules 3 | -------------------------------------------------------------------------------- /gsap-react/public/index.html: -------------------------------------------------------------------------------- 1 |
-------------------------------------------------------------------------------- /gsap-sveltekit/.npmrc: -------------------------------------------------------------------------------- 1 | engine-strict=true 2 | -------------------------------------------------------------------------------- /react-ts/public/index.html: -------------------------------------------------------------------------------- 1 |
-------------------------------------------------------------------------------- /bootstrap-5/src/index.js: -------------------------------------------------------------------------------- 1 | import './styles.scss'; 2 | -------------------------------------------------------------------------------- /slidev/.gitignore: -------------------------------------------------------------------------------- 1 | dist 2 | node_modules 3 | .env 4 | -------------------------------------------------------------------------------- /sveltekit/.gitignore: -------------------------------------------------------------------------------- 1 | .svelte-kit 2 | node_modules 3 | -------------------------------------------------------------------------------- /web-platform/script.js: -------------------------------------------------------------------------------- 1 | console.log('Hello!'); 2 | -------------------------------------------------------------------------------- /quasar/src/css/app.scss: -------------------------------------------------------------------------------- 1 | // app global css in SCSS form 2 | -------------------------------------------------------------------------------- /angular/.gitignore: -------------------------------------------------------------------------------- 1 | .angular 2 | dist 3 | node_modules 4 | .env 5 | -------------------------------------------------------------------------------- /tres/src/vite-env.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | -------------------------------------------------------------------------------- /astro-shadcn/.bolt/ignore: -------------------------------------------------------------------------------- 1 | src/components/ui/* 2 | hooks/use-toast.ts 3 | -------------------------------------------------------------------------------- /nextjs-shadcn/.bolt/ignore: -------------------------------------------------------------------------------- 1 | components/ui/* 2 | hooks/use-toast.ts 3 | -------------------------------------------------------------------------------- /nextjs/.eslintrc.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "next/core-web-vitals" 3 | } 4 | -------------------------------------------------------------------------------- /sveltekit/src/global.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | -------------------------------------------------------------------------------- /vite-shadcn/.bolt/ignore: -------------------------------------------------------------------------------- 1 | src/components/ui/* 2 | hooks/use-toast.ts 3 | -------------------------------------------------------------------------------- /vite-shadcn/src/vite-env.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | -------------------------------------------------------------------------------- /astro-shadcn/src/env.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | -------------------------------------------------------------------------------- /bolt-vite-react-ts/src/vite-env.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | -------------------------------------------------------------------------------- /nextjs-shadcn/.eslintrc.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "next/core-web-vitals" 3 | } 4 | -------------------------------------------------------------------------------- /angular/src/global_styles.css: -------------------------------------------------------------------------------- 1 | /* Add application styles & imports to this file! */ 2 | -------------------------------------------------------------------------------- /gsap-svelte/.vscode/extensions.json: -------------------------------------------------------------------------------- 1 | { 2 | "recommendations": ["svelte.svelte-vscode"] 3 | } 4 | -------------------------------------------------------------------------------- /tutorialkit/src/content/tutorial/1-basics/meta.md: -------------------------------------------------------------------------------- 1 | --- 2 | type: part 3 | title: Basics 4 | --- 5 | -------------------------------------------------------------------------------- /typescript/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "target": "esnext" 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /bolt-vite-react-ts/src/index.css: -------------------------------------------------------------------------------- 1 | @tailwind base; 2 | @tailwind components; 3 | @tailwind utilities; 4 | -------------------------------------------------------------------------------- /gsap-nuxt/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | *.log* 3 | .nuxt 4 | .nitro 5 | .cache 6 | .output 7 | .env 8 | -------------------------------------------------------------------------------- /js/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "js-starter", 3 | "private": true, 4 | "dependencies": {} 5 | } 6 | -------------------------------------------------------------------------------- /nextjs/app/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/stackblitz/starters/main/nextjs/app/favicon.ico -------------------------------------------------------------------------------- /tres/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/stackblitz/starters/main/tres/public/favicon.ico -------------------------------------------------------------------------------- /egg/config/config.local.js: -------------------------------------------------------------------------------- 1 | exports.security = { 2 | xframe: { 3 | enable: false, 4 | }, 5 | }; 6 | -------------------------------------------------------------------------------- /gsap-svelte/src/vite-env.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | /// 3 | -------------------------------------------------------------------------------- /bolt-remotion/.prettierrc: -------------------------------------------------------------------------------- 1 | { 2 | "useTabs": false, 3 | "bracketSpacing": true, 4 | "tabWidth": 2 5 | } 6 | -------------------------------------------------------------------------------- /gsap-sveltekit/static/robots.txt: -------------------------------------------------------------------------------- 1 | # https://www.robotstxt.org/robotstxt.html 2 | User-agent: * 3 | Disallow: 4 | -------------------------------------------------------------------------------- /sveltekit/static/favicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/stackblitz/starters/main/sveltekit/static/favicon.png -------------------------------------------------------------------------------- /tres/public/favicon-16x16.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/stackblitz/starters/main/tres/public/favicon-16x16.png -------------------------------------------------------------------------------- /tres/public/favicon-32x32.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/stackblitz/starters/main/tres/public/favicon-32x32.png -------------------------------------------------------------------------------- /bolt-qwik/src/media/thunder.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/stackblitz/starters/main/bolt-qwik/src/media/thunder.png -------------------------------------------------------------------------------- /quasar/.eslintignore: -------------------------------------------------------------------------------- 1 | /dist 2 | /src-capacitor 3 | /src-cordova 4 | /.quasar 5 | /node_modules 6 | .eslintrc.js 7 | -------------------------------------------------------------------------------- /tutorialkit/src/env.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | /// 3 | -------------------------------------------------------------------------------- /bolt-expo/assets/images/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/stackblitz/starters/main/bolt-expo/assets/images/icon.png -------------------------------------------------------------------------------- /bolt-remotion/eslint.config.mjs: -------------------------------------------------------------------------------- 1 | import { config } from "@remotion/eslint-config-flat"; 2 | 3 | export default config; 4 | -------------------------------------------------------------------------------- /gsap-sveltekit/static/favicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/stackblitz/starters/main/gsap-sveltekit/static/favicon.png -------------------------------------------------------------------------------- /node/index.js: -------------------------------------------------------------------------------- 1 | // run `node index.js` in the terminal 2 | 3 | console.log(`Hello Node.js v${process.versions.node}!`); 4 | -------------------------------------------------------------------------------- /test/utils/index.ts: -------------------------------------------------------------------------------- 1 | export function removeFileHash(filename: string) { 2 | return filename.replace(/-\w*/, ''); 3 | } 4 | -------------------------------------------------------------------------------- /tutorialkit/src/content/tutorial/1-basics/1-introduction/meta.md: -------------------------------------------------------------------------------- 1 | --- 2 | type: chapter 3 | title: Introduction 4 | --- 5 | -------------------------------------------------------------------------------- /typescript/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "typescript-starter", 3 | "private": true, 4 | "dependencies": {} 5 | } 6 | -------------------------------------------------------------------------------- /bolt-expo/assets/images/favicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/stackblitz/starters/main/bolt-expo/assets/images/favicon.png -------------------------------------------------------------------------------- /gsap-nuxt/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | // https://v3.nuxtjs.org/concepts/typescript 3 | "extends": "./.nuxt/tsconfig.json" 4 | } 5 | -------------------------------------------------------------------------------- /vue/src/main.js: -------------------------------------------------------------------------------- 1 | import { createApp } from 'vue'; 2 | import App from './App.vue'; 3 | 4 | createApp(App).mount('#app'); 5 | -------------------------------------------------------------------------------- /hono-nodejs-starter/README.md: -------------------------------------------------------------------------------- 1 | ``` 2 | npm install 3 | npm run dev 4 | ``` 5 | 6 | ``` 7 | open http://localhost:3000 8 | ``` 9 | -------------------------------------------------------------------------------- /nextjs/next.config.js: -------------------------------------------------------------------------------- 1 | /** @type {import('next').NextConfig} */ 2 | const nextConfig = {}; 3 | 4 | module.exports = nextConfig; 5 | -------------------------------------------------------------------------------- /nextjs/postcss.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | plugins: { 3 | tailwindcss: {}, 4 | autoprefixer: {}, 5 | }, 6 | }; 7 | -------------------------------------------------------------------------------- /bolt-expo/.prettierrc: -------------------------------------------------------------------------------- 1 | { 2 | "useTabs": false, 3 | "bracketSpacing": true, 4 | "singleQuote": true, 5 | "tabWidth": 2 6 | } 7 | -------------------------------------------------------------------------------- /bolt-qwik/public/fonts/poppins-400.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/stackblitz/starters/main/bolt-qwik/public/fonts/poppins-400.woff2 -------------------------------------------------------------------------------- /bolt-qwik/public/fonts/poppins-500.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/stackblitz/starters/main/bolt-qwik/public/fonts/poppins-500.woff2 -------------------------------------------------------------------------------- /bolt-qwik/public/fonts/poppins-700.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/stackblitz/starters/main/bolt-qwik/public/fonts/poppins-700.woff2 -------------------------------------------------------------------------------- /nextjs-shadcn/postcss.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | plugins: { 3 | tailwindcss: {}, 4 | autoprefixer: {}, 5 | }, 6 | }; 7 | -------------------------------------------------------------------------------- /nodemon/index.js: -------------------------------------------------------------------------------- 1 | console.log(` 2 | Your random number is: ${Math.random()} 3 | (edit any file to auto-restart this script) 4 | `); 5 | -------------------------------------------------------------------------------- /tutorialkit/.vscode/extensions.json: -------------------------------------------------------------------------------- 1 | { 2 | "recommendations": ["astro-build.astro-vscode"], 3 | "unwantedRecommendations": [] 4 | } 5 | -------------------------------------------------------------------------------- /vite-shadcn/postcss.config.js: -------------------------------------------------------------------------------- 1 | export default { 2 | plugins: { 3 | tailwindcss: {}, 4 | autoprefixer: {}, 5 | }, 6 | }; 7 | -------------------------------------------------------------------------------- /vite-shadcn/src/App.css: -------------------------------------------------------------------------------- 1 | #root { 2 | max-width: 1280px; 3 | margin: 0 auto; 4 | padding: 2rem; 5 | text-align: center; 6 | } 7 | -------------------------------------------------------------------------------- /bolt-vite-react-ts/postcss.config.js: -------------------------------------------------------------------------------- 1 | export default { 2 | plugins: { 3 | tailwindcss: {}, 4 | autoprefixer: {}, 5 | }, 6 | }; 7 | -------------------------------------------------------------------------------- /rxjs/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "rxjs-starter", 3 | "private": true, 4 | "dependencies": { 5 | "rxjs": "^7.8.0" 6 | } 7 | } 8 | -------------------------------------------------------------------------------- /bolt-remotion/src/index.ts: -------------------------------------------------------------------------------- 1 | import { registerRoot } from "remotion"; 2 | import { RemotionRoot } from "./Root"; 3 | 4 | registerRoot(RemotionRoot); 5 | -------------------------------------------------------------------------------- /gsap-sveltekit/src/lib/images/svelte-welcome.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/stackblitz/starters/main/gsap-sveltekit/src/lib/images/svelte-welcome.png -------------------------------------------------------------------------------- /gsap-sveltekit/src/lib/images/svelte-welcome.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/stackblitz/starters/main/gsap-sveltekit/src/lib/images/svelte-welcome.webp -------------------------------------------------------------------------------- /nextjs-shadcn/netlify.toml: -------------------------------------------------------------------------------- 1 | [build] 2 | command = "npx next build" 3 | publish = ".next" 4 | 5 | [[plugins]] 6 | package = "@netlify/plugin-nextjs" 7 | -------------------------------------------------------------------------------- /static/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "scripts": { 3 | "start": "servor --reload" 4 | }, 5 | "dependencies": { 6 | "servor": "^4.0.2" 7 | } 8 | } 9 | -------------------------------------------------------------------------------- /gsap-vue/src/main.js: -------------------------------------------------------------------------------- 1 | import { createApp } from 'vue'; 2 | import './style.css'; 3 | import App from './App.vue'; 4 | 5 | createApp(App).mount('#app'); 6 | -------------------------------------------------------------------------------- /bolt-remotion/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | dist 3 | .DS_Store 4 | .env 5 | 6 | # Ignore the output video from Git but not videos you import into src/. 7 | out 8 | -------------------------------------------------------------------------------- /sveltekit/src/routes/+page.svelte: -------------------------------------------------------------------------------- 1 |

Welcome to SvelteKit

2 |

Visit kit.svelte.dev to read the documentation

3 | -------------------------------------------------------------------------------- /bolt-remotion/remotion.config.ts: -------------------------------------------------------------------------------- 1 | import { Config } from "@remotion/cli/config"; 2 | 3 | Config.setVideoImageFormat("jpeg"); 4 | Config.setOverwriteOutput(true); 5 | -------------------------------------------------------------------------------- /egg/config/plugin.js: -------------------------------------------------------------------------------- 1 | /** @type Egg.EggPlugin */ 2 | module.exports = { 3 | nunjucks: { 4 | enable: true, 5 | package: 'egg-view-nunjucks', 6 | }, 7 | }; 8 | -------------------------------------------------------------------------------- /node/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "node-starter", 3 | "private": true, 4 | "scripts": { 5 | "test": "echo \"Error: no test specified\" && exit 1" 6 | } 7 | } 8 | -------------------------------------------------------------------------------- /tres/src/main.ts: -------------------------------------------------------------------------------- 1 | import { createApp } from 'vue'; 2 | import './style.css'; 3 | import App from './App.vue'; 4 | 5 | const app = createApp(App); 6 | 7 | app.mount('#app'); 8 | -------------------------------------------------------------------------------- /bolt-vite-react-ts/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "files": [], 3 | "references": [ 4 | { "path": "./tsconfig.app.json" }, 5 | { "path": "./tsconfig.node.json" } 6 | ] 7 | } 8 | -------------------------------------------------------------------------------- /gsap-sveltekit/src/routes/+layout.svelte: -------------------------------------------------------------------------------- 1 | 4 | 5 |
6 |
7 | 8 |
9 |
10 | -------------------------------------------------------------------------------- /tres/src/App.vue: -------------------------------------------------------------------------------- 1 | 4 | 5 | 8 | -------------------------------------------------------------------------------- /gsap-next/pages/_app.js: -------------------------------------------------------------------------------- 1 | import '../styles/globals.css'; 2 | 3 | function MyApp({ Component, pageProps }) { 4 | return ; 5 | } 6 | 7 | export default MyApp; 8 | -------------------------------------------------------------------------------- /gsap-sveltekit/src/routes/+page.js: -------------------------------------------------------------------------------- 1 | // since there's no dynamic data here, we can prerender 2 | // it so that it gets served as a static asset in production 3 | export const prerender = true; 4 | -------------------------------------------------------------------------------- /js/index.js: -------------------------------------------------------------------------------- 1 | // Import stylesheets 2 | import './style.css'; 3 | 4 | // Write Javascript code! 5 | const appDiv = document.getElementById('app'); 6 | appDiv.innerHTML = `

JS Starter

`; 7 | -------------------------------------------------------------------------------- /react-ts/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "jsx": "react-jsx", 4 | "lib": ["DOM", "ES2022"], 5 | "moduleResolution": "node", 6 | "target": "ES2022" 7 | } 8 | } 9 | -------------------------------------------------------------------------------- /sveltekit/vite.config.js: -------------------------------------------------------------------------------- 1 | import { sveltekit } from '@sveltejs/kit/vite'; 2 | import { defineConfig } from 'vite'; 3 | 4 | export default defineConfig({ 5 | plugins: [sveltekit()], 6 | }); 7 | -------------------------------------------------------------------------------- /tutorialkit/.gitignore: -------------------------------------------------------------------------------- 1 | dist 2 | .astro 3 | node_modules 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | .env 9 | .env.production 10 | .DS_Store 11 | .idea 12 | -------------------------------------------------------------------------------- /js/package-lock.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "js-starter", 3 | "lockfileVersion": 3, 4 | "requires": true, 5 | "packages": { 6 | "": { 7 | "name": "js-starter" 8 | } 9 | } 10 | } 11 | -------------------------------------------------------------------------------- /vite-shadcn/src/App.tsx: -------------------------------------------------------------------------------- 1 | import './App.css'; 2 | 3 | function App() { 4 | return ( 5 | <> 6 |
Start prompting.
7 | 8 | ); 9 | } 10 | 11 | export default App; 12 | -------------------------------------------------------------------------------- /astro-shadcn/src/components/ui/aspect-ratio.tsx: -------------------------------------------------------------------------------- 1 | import * as AspectRatioPrimitive from '@radix-ui/react-aspect-ratio'; 2 | 3 | const AspectRatio = AspectRatioPrimitive.Root; 4 | 5 | export { AspectRatio }; 6 | -------------------------------------------------------------------------------- /gsap-next/helpers/isomorphicEffect.js: -------------------------------------------------------------------------------- 1 | import { useEffect, useLayoutEffect } from 'react'; 2 | 3 | export const useIsomorphicLayoutEffect = 4 | typeof window !== 'undefined' ? useLayoutEffect : useEffect; 5 | -------------------------------------------------------------------------------- /gsap-vue/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite'; 2 | import vue from '@vitejs/plugin-vue'; 3 | 4 | // https://vitejs.dev/config/ 5 | export default defineConfig({ 6 | plugins: [vue()], 7 | }); 8 | -------------------------------------------------------------------------------- /node/package-lock.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "node-starter", 3 | "lockfileVersion": 3, 4 | "requires": true, 5 | "packages": { 6 | "": { 7 | "name": "node-starter" 8 | } 9 | } 10 | } 11 | -------------------------------------------------------------------------------- /quasar/.editorconfig: -------------------------------------------------------------------------------- 1 | root = true 2 | 3 | [*] 4 | charset = utf-8 5 | indent_style = space 6 | indent_size = 2 7 | end_of_line = lf 8 | insert_final_newline = true 9 | trim_trailing_whitespace = true 10 | -------------------------------------------------------------------------------- /vite-shadcn/src/components/ui/aspect-ratio.tsx: -------------------------------------------------------------------------------- 1 | import * as AspectRatioPrimitive from '@radix-ui/react-aspect-ratio'; 2 | 3 | const AspectRatio = AspectRatioPrimitive.Root; 4 | 5 | export { AspectRatio }; 6 | -------------------------------------------------------------------------------- /bolt-remotion/src/HelloWorld/constants.ts: -------------------------------------------------------------------------------- 1 | // change any of these to update your video live 2 | 3 | export const COLOR_1 = "#86A8E7"; 4 | 5 | export const FONT_FAMILY = "SF Pro Text, Helvetica, Arial, sans-serif"; 6 | -------------------------------------------------------------------------------- /egg/app/router.js: -------------------------------------------------------------------------------- 1 | /** 2 | * @param {Egg.Application} app - egg application 3 | */ 4 | module.exports = (app) => { 5 | const { router, controller } = app; 6 | router.get('/', controller.home.index); 7 | }; 8 | -------------------------------------------------------------------------------- /tutorialkit/icons/languages/html.svg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /astro-shadcn/src/lib/utils.ts: -------------------------------------------------------------------------------- 1 | import { clsx, type ClassValue } from 'clsx'; 2 | import { twMerge } from 'tailwind-merge'; 3 | 4 | export function cn(...inputs: ClassValue[]) { 5 | return twMerge(clsx(inputs)); 6 | } 7 | -------------------------------------------------------------------------------- /gsap-sveltekit/vite.config.js: -------------------------------------------------------------------------------- 1 | import { sveltekit } from '@sveltejs/kit/vite'; 2 | 3 | /** @type {import('vite').UserConfig} */ 4 | const config = { 5 | plugins: [sveltekit()] 6 | }; 7 | 8 | export default config; 9 | -------------------------------------------------------------------------------- /nextjs-shadcn/lib/utils.ts: -------------------------------------------------------------------------------- 1 | import { clsx, type ClassValue } from 'clsx'; 2 | import { twMerge } from 'tailwind-merge'; 3 | 4 | export function cn(...inputs: ClassValue[]) { 5 | return twMerge(clsx(inputs)); 6 | } 7 | -------------------------------------------------------------------------------- /nodemon/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "nodemon-starter", 3 | "private": true, 4 | "scripts": { 5 | "start": "node run.js" 6 | }, 7 | "dependencies": { 8 | "nodemon": "^2.0.22" 9 | } 10 | } 11 | -------------------------------------------------------------------------------- /tutorialkit/src/content/tutorial/meta.md: -------------------------------------------------------------------------------- 1 | --- 2 | type: tutorial 3 | title: Basics 4 | mainCommand: ['npm run dev', 'Starting http server'] 5 | prepareCommands: 6 | - ['npm install', 'Installing dependencies'] 7 | --- 8 | -------------------------------------------------------------------------------- /vite-shadcn/src/lib/utils.ts: -------------------------------------------------------------------------------- 1 | import { clsx, type ClassValue } from 'clsx'; 2 | import { twMerge } from 'tailwind-merge'; 3 | 4 | export function cn(...inputs: ClassValue[]) { 5 | return twMerge(clsx(inputs)); 6 | } 7 | -------------------------------------------------------------------------------- /gsap-svelte/src/lib/Counter.svelte: -------------------------------------------------------------------------------- 1 | 7 | 8 | 11 | -------------------------------------------------------------------------------- /quasar/src/App.vue: -------------------------------------------------------------------------------- 1 | 4 | 5 | 12 | -------------------------------------------------------------------------------- /typescript/index.ts: -------------------------------------------------------------------------------- 1 | // Import stylesheets 2 | import './style.css'; 3 | 4 | // Write TypeScript code! 5 | const appDiv: HTMLElement = document.getElementById('app'); 6 | appDiv.innerHTML = `

TypeScript Starter

`; 7 | -------------------------------------------------------------------------------- /nextjs-shadcn/components/ui/aspect-ratio.tsx: -------------------------------------------------------------------------------- 1 | 'use client'; 2 | 3 | import * as AspectRatioPrimitive from '@radix-ui/react-aspect-ratio'; 4 | 5 | const AspectRatio = AspectRatioPrimitive.Root; 6 | 7 | export { AspectRatio }; 8 | -------------------------------------------------------------------------------- /typescript/package-lock.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "typescript-starter", 3 | "lockfileVersion": 3, 4 | "requires": true, 5 | "packages": { 6 | "": { 7 | "name": "typescript-starter" 8 | } 9 | } 10 | } 11 | -------------------------------------------------------------------------------- /express-simple/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "express-simple-starter", 3 | "private": true, 4 | "scripts": { 5 | "start": "node index.js" 6 | }, 7 | "dependencies": { 8 | "express": "^4.18.2" 9 | } 10 | } 11 | -------------------------------------------------------------------------------- /gsap-svelte/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite'; 2 | import { svelte } from '@sveltejs/vite-plugin-svelte'; 3 | 4 | // https://vitejs.dev/config/ 5 | export default defineConfig({ 6 | plugins: [svelte()], 7 | }); 8 | -------------------------------------------------------------------------------- /gsap-sveltekit/.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | node_modules 3 | /build 4 | /.svelte-kit 5 | /package 6 | .env 7 | .env.* 8 | !.env.example 9 | .vercel 10 | .output 11 | vite.config.js.timestamp-* 12 | vite.config.ts.timestamp-* 13 | -------------------------------------------------------------------------------- /bolt-vite-react-ts/tailwind.config.js: -------------------------------------------------------------------------------- 1 | /** @type {import('tailwindcss').Config} */ 2 | export default { 3 | content: ['./index.html', './src/**/*.{js,ts,jsx,tsx}'], 4 | theme: { 5 | extend: {}, 6 | }, 7 | plugins: [], 8 | }; 9 | -------------------------------------------------------------------------------- /gsap-nuxt/nuxt.config.ts: -------------------------------------------------------------------------------- 1 | // https://v3.nuxtjs.org/api/configuration/nuxt.config 2 | export default defineNuxtConfig({ 3 | css: ['/assets/styles.css'], 4 | build: { 5 | transpile: ['gsap'], 6 | }, 7 | telemetry: false, 8 | }); 9 | -------------------------------------------------------------------------------- /json-graphql-server/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "json-graphql-server-starter", 3 | "scripts": { 4 | "start": "json-graphql-server db.js" 5 | }, 6 | "dependencies": { 7 | "json-graphql-server": "^2.2.3" 8 | } 9 | } 10 | -------------------------------------------------------------------------------- /gsap-sveltekit/svelte.config.js: -------------------------------------------------------------------------------- 1 | import adapter from '@sveltejs/adapter-auto'; 2 | 3 | /** @type {import('@sveltejs/kit').Config} */ 4 | const config = { 5 | kit: { 6 | adapter: adapter() 7 | } 8 | }; 9 | 10 | export default config; 11 | -------------------------------------------------------------------------------- /nextjs-shadcn/next.config.js: -------------------------------------------------------------------------------- 1 | /** @type {import('next').NextConfig} */ 2 | const nextConfig = { 3 | eslint: { 4 | ignoreDuringBuilds: true, 5 | }, 6 | images: { unoptimized: true }, 7 | }; 8 | 9 | module.exports = nextConfig; 10 | -------------------------------------------------------------------------------- /rxjs/index.ts: -------------------------------------------------------------------------------- 1 | import './style.css'; 2 | 3 | import { of, map } from 'rxjs'; 4 | 5 | of('World') 6 | .pipe(map((name) => `Hello, ${name}!`)) 7 | .subscribe(console.log); 8 | 9 | // Open the console in the bottom right to see results. 10 | -------------------------------------------------------------------------------- /tres/tsconfig.node.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "composite": true, 4 | "module": "ESNext", 5 | "moduleResolution": "Node", 6 | "allowSyntheticDefaultImports": true 7 | }, 8 | "include": ["vite.config.ts"] 9 | } 10 | -------------------------------------------------------------------------------- /tutorialkit/icons/languages/markdown.svg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /gsap-sveltekit/.prettierignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | node_modules 3 | /build 4 | /.svelte-kit 5 | /package 6 | .env 7 | .env.* 8 | !.env.example 9 | 10 | # Ignore files for PNPM, NPM and YARN 11 | pnpm-lock.yaml 12 | package-lock.json 13 | yarn.lock 14 | -------------------------------------------------------------------------------- /json-server/readme.md: -------------------------------------------------------------------------------- 1 | # JSON Server starter 2 | 3 | 1. Run `npm run backend` in the terminal to start the server. 4 | 2. Open a second terminal (by clicking the `[+]` icon) and run `npm run frontend` to open a simple page that fetches data from our backend -------------------------------------------------------------------------------- /bolt-qwik/qwik.env.d.ts: -------------------------------------------------------------------------------- 1 | // This file can be used to add references for global types like `vite/client`. 2 | 3 | // Add global `vite/client` types. For more info, see: https://vitejs.dev/guide/features#client-types 4 | /// 5 | -------------------------------------------------------------------------------- /egg/app/controller/home.js: -------------------------------------------------------------------------------- 1 | const { Controller } = require('egg'); 2 | 3 | class HomeController extends Controller { 4 | async index() { 5 | await this.ctx.render('home.tpl', { name: 'egg' }); 6 | } 7 | } 8 | 9 | module.exports = HomeController; 10 | -------------------------------------------------------------------------------- /astro-shadcn/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "astro/tsconfigs/base", 3 | "compilerOptions": { 4 | "jsx": "react-jsx", 5 | "jsxImportSource": "react", 6 | "baseUrl": ".", 7 | "paths": { 8 | "@/*": ["./src/*"] 9 | } 10 | } 11 | } 12 | -------------------------------------------------------------------------------- /nodemon/run.js: -------------------------------------------------------------------------------- 1 | const nodemon = require('nodemon'); 2 | 3 | nodemon({ script: 'index.js' }) 4 | .on('start', console.clear) 5 | .on('restart', console.clear) 6 | .on('quit', () => { 7 | console.log('App has quit'); 8 | process.exit(); 9 | }); 10 | -------------------------------------------------------------------------------- /tres/src/style.css: -------------------------------------------------------------------------------- 1 | * { 2 | box-sizing: border-box; 3 | } 4 | 5 | html { 6 | height: 100%; 7 | } 8 | 9 | body { 10 | margin: 0; 11 | height: 100%; 12 | } 13 | 14 | #app { 15 | height: 100%; 16 | width: 100%; 17 | background-color: #000; 18 | } 19 | -------------------------------------------------------------------------------- /tutorialkit/astro.config.ts: -------------------------------------------------------------------------------- 1 | import tutorialkit from '@tutorialkit/astro'; 2 | import { defineConfig } from 'astro/config'; 3 | 4 | export default defineConfig({ 5 | devToolbar: { 6 | enabled: false, 7 | }, 8 | integrations: [tutorialkit()], 9 | }); 10 | -------------------------------------------------------------------------------- /bootstrap-5/src/styles.scss: -------------------------------------------------------------------------------- 1 | // Customizing Bootstrap with Sass variables: 2 | // https://getbootstrap.com/docs/5.0/customize/sass/ 3 | 4 | // $primary: #276fc2; 5 | // $secondary: #e8d21d; 6 | // $border-radius: 1px; 7 | 8 | @import '../node_modules/bootstrap/scss/bootstrap'; 9 | -------------------------------------------------------------------------------- /react/src/App.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import './style.css'; 3 | 4 | export default function App() { 5 | return ( 6 |
7 |

Hello StackBlitz!

8 |

Start editing to see some magic happen :)

9 |
10 | ); 11 | } 12 | -------------------------------------------------------------------------------- /bolt-vite-react-ts/src/App.tsx: -------------------------------------------------------------------------------- 1 | function App() { 2 | return ( 3 |
4 |

Start prompting (or editing) to see magic happen :)

5 |
6 | ); 7 | } 8 | 9 | export default App; 10 | -------------------------------------------------------------------------------- /tutorialkit/public/favicon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /js/style.css: -------------------------------------------------------------------------------- 1 | * { 2 | box-sizing: border-box; 3 | } 4 | 5 | body { 6 | margin: 0; 7 | padding: 1rem; 8 | font-family: system-ui, sans-serif; 9 | color: black; 10 | background-color: white; 11 | } 12 | 13 | h1 { 14 | font-weight: 800; 15 | font-size: 1.5rem; 16 | } 17 | -------------------------------------------------------------------------------- /tutorialkit/.vscode/launch.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.2.0", 3 | "configurations": [ 4 | { 5 | "command": "./node_modules/.bin/astro dev", 6 | "name": "Development Server", 7 | "request": "launch", 8 | "type": "node-terminal" 9 | } 10 | ] 11 | } 12 | -------------------------------------------------------------------------------- /react/src/style.css: -------------------------------------------------------------------------------- 1 | * { 2 | box-sizing: border-box; 3 | } 4 | 5 | body { 6 | margin: 0; 7 | padding: 1rem; 8 | font-family: system-ui, sans-serif; 9 | color: black; 10 | background-color: white; 11 | } 12 | 13 | h1 { 14 | font-weight: 800; 15 | font-size: 1.5rem; 16 | } 17 | -------------------------------------------------------------------------------- /tutorialkit/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "astro/tsconfigs/strict", 3 | "compilerOptions": { 4 | "jsx": "react-jsx", 5 | "baseUrl": "./", 6 | "jsxImportSource": "react", 7 | "paths": { 8 | "@*": ["src/*"] 9 | } 10 | }, 11 | "exclude": ["dist"] 12 | } 13 | -------------------------------------------------------------------------------- /typescript/style.css: -------------------------------------------------------------------------------- 1 | * { 2 | box-sizing: border-box; 3 | } 4 | 5 | body { 6 | margin: 0; 7 | padding: 1rem; 8 | font-family: system-ui, sans-serif; 9 | color: black; 10 | background-color: white; 11 | } 12 | 13 | h1 { 14 | font-weight: 800; 15 | font-size: 1.5rem; 16 | } 17 | -------------------------------------------------------------------------------- /bolt-vite-react-ts/vite.config.ts: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite'; 2 | import react from '@vitejs/plugin-react'; 3 | 4 | // https://vitejs.dev/config/ 5 | export default defineConfig({ 6 | plugins: [react()], 7 | optimizeDeps: { 8 | exclude: ['lucide-react'], 9 | }, 10 | }); 11 | -------------------------------------------------------------------------------- /gsap-sveltekit/.prettierrc: -------------------------------------------------------------------------------- 1 | { 2 | "useTabs": true, 3 | "singleQuote": true, 4 | "trailingComma": "none", 5 | "printWidth": 100, 6 | "plugins": ["prettier-plugin-svelte"], 7 | "pluginSearchDirs": ["."], 8 | "overrides": [{ "files": "*.svelte", "options": { "parser": "svelte" } }] 9 | } 10 | -------------------------------------------------------------------------------- /react-ts/src/style.css: -------------------------------------------------------------------------------- 1 | * { 2 | box-sizing: border-box; 3 | } 4 | 5 | body { 6 | margin: 0; 7 | padding: 1rem; 8 | font-family: system-ui, sans-serif; 9 | color: black; 10 | background-color: white; 11 | } 12 | 13 | h1 { 14 | font-weight: 800; 15 | font-size: 1.5rem; 16 | } 17 | -------------------------------------------------------------------------------- /vite-shadcn/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "files": [], 3 | "references": [ 4 | { "path": "./tsconfig.app.json" }, 5 | { "path": "./tsconfig.node.json" } 6 | ], 7 | "compilerOptions": { 8 | "baseUrl": ".", 9 | "paths": { 10 | "@/*": ["./src/*"] 11 | } 12 | } 13 | } 14 | -------------------------------------------------------------------------------- /astro-shadcn/src/pages/index.astro: -------------------------------------------------------------------------------- 1 | --- 2 | import '@/styles/globals.css' 3 | import Layout from '../layouts/Layout.astro'; 4 | import { Button } from "@/components/ui/button" 5 | --- 6 | 7 | 8 |
9 |

Start prompting

10 |
11 | 12 | -------------------------------------------------------------------------------- /bolt-expo/hooks/useFrameworkReady.ts: -------------------------------------------------------------------------------- 1 | import { useEffect } from 'react'; 2 | 3 | declare global { 4 | interface Window { 5 | frameworkReady?: () => void; 6 | } 7 | } 8 | 9 | export function useFrameworkReady() { 10 | useEffect(() => { 11 | window.frameworkReady?.(); 12 | }); 13 | } 14 | -------------------------------------------------------------------------------- /react/src/index.js: -------------------------------------------------------------------------------- 1 | import React, { StrictMode } from 'react'; 2 | import { createRoot } from 'react-dom/client'; 3 | 4 | import App from './App'; 5 | 6 | const root = createRoot(document.getElementById('app')); 7 | 8 | root.render( 9 | 10 | 11 | 12 | ); 13 | -------------------------------------------------------------------------------- /vite-shadcn/src/main.tsx: -------------------------------------------------------------------------------- 1 | import { StrictMode } from 'react'; 2 | import { createRoot } from 'react-dom/client'; 3 | import App from './App.tsx'; 4 | import './index.css'; 5 | 6 | createRoot(document.getElementById('root')!).render( 7 | 8 | 9 | 10 | ); 11 | -------------------------------------------------------------------------------- /bolt-vite-react-ts/src/main.tsx: -------------------------------------------------------------------------------- 1 | import { StrictMode } from 'react'; 2 | import { createRoot } from 'react-dom/client'; 3 | import App from './App.tsx'; 4 | import './index.css'; 5 | 6 | createRoot(document.getElementById('root')!).render( 7 | 8 | 9 | 10 | ); 11 | -------------------------------------------------------------------------------- /express-simple/static/style.css: -------------------------------------------------------------------------------- 1 | * { 2 | box-sizing: border-box; 3 | } 4 | 5 | body { 6 | margin: 0; 7 | padding: 1rem; 8 | font-family: system-ui, sans-serif; 9 | color: black; 10 | background-color: white; 11 | } 12 | 13 | h1 { 14 | font-weight: 800; 15 | font-size: 1.5rem; 16 | } 17 | -------------------------------------------------------------------------------- /koa/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "koa-starter", 3 | "private": true, 4 | "dependencies": { 5 | "@koa/router": "^10.0.0", 6 | "koa": "^2.13.1", 7 | "koa-logger": "^3.2.1", 8 | "koa-pino-logger": "^3.0.0" 9 | }, 10 | "scripts": { 11 | "start": "node index.js" 12 | } 13 | } 14 | -------------------------------------------------------------------------------- /react-ts/src/App.tsx: -------------------------------------------------------------------------------- 1 | import { FC } from 'react'; 2 | 3 | import './style.css'; 4 | 5 | export const App: FC<{ name: string }> = ({ name }) => { 6 | return ( 7 |
8 |

Hello {name}!

9 |

Start editing to see some magic happen :)

10 |
11 | ); 12 | }; 13 | -------------------------------------------------------------------------------- /tutorialkit/icons/languages/css.svg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /angular/tsconfig.app.json: -------------------------------------------------------------------------------- 1 | /* To learn more about this file see: https://angular.io/config/tsconfig. */ 2 | { 3 | "extends": "./tsconfig.json", 4 | "compilerOptions": { 5 | "outDir": "./out-tsc/app", 6 | "types": [] 7 | }, 8 | "files": ["src/main.ts"], 9 | "include": ["src/**/*.d.ts"] 10 | } 11 | -------------------------------------------------------------------------------- /tutorialkit/src/content/tutorial/1-basics/1-introduction/1-welcome/_files/counter.js: -------------------------------------------------------------------------------- 1 | export function setupCounter(element) { 2 | let counter = 0; 3 | 4 | const setCounter = (count) => { 5 | counter = count; 6 | element.innerHTML = `count is ${counter}`; 7 | }; 8 | 9 | setCounter(0); 10 | } 11 | -------------------------------------------------------------------------------- /bolt-qwik/src/components/starter/counter/counter.module.css: -------------------------------------------------------------------------------- 1 | .counter-wrapper { 2 | margin-top: 50px; 3 | display: flex; 4 | align-items: center; 5 | justify-content: center; 6 | gap: 10px; 7 | } 8 | 9 | @media screen and (min-width: 768px) { 10 | .counter-wrapper { 11 | gap: 30px; 12 | } 13 | } 14 | -------------------------------------------------------------------------------- /graphql/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "graphql-starter", 3 | "private": true, 4 | "scripts": { 5 | "start": "nodemon index.js" 6 | }, 7 | "dependencies": { 8 | "express": "^4.18.2", 9 | "express-graphql": "^0.12.0", 10 | "graphql": "^15.8.0", 11 | "nodemon": "^3.0.1" 12 | } 13 | } 14 | -------------------------------------------------------------------------------- /gsap-sveltekit/src/app.d.ts: -------------------------------------------------------------------------------- 1 | // See https://kit.svelte.dev/docs/types#app 2 | // for information about these interfaces 3 | // and what to do when importing types 4 | declare namespace App { 5 | // interface Error {} 6 | // interface Locals {} 7 | // interface PageData {} 8 | // interface Platform {} 9 | } 10 | -------------------------------------------------------------------------------- /nextjs-shadcn/app/page.tsx: -------------------------------------------------------------------------------- 1 | export default function Home() { 2 | return ( 3 |
11 | Start prompting. 12 |
13 | ); 14 | } 15 | -------------------------------------------------------------------------------- /react-ts/src/index.tsx: -------------------------------------------------------------------------------- 1 | import { StrictMode } from 'react'; 2 | import { createRoot } from 'react-dom/client'; 3 | 4 | import { App } from './App'; 5 | 6 | const root = createRoot(document.getElementById('app')); 7 | 8 | root.render( 9 | 10 | 11 | 12 | ); 13 | -------------------------------------------------------------------------------- /bolt-qwik/public/manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://json.schemastore.org/web-manifest-combined.json", 3 | "name": "qwik-project-name", 4 | "short_name": "Welcome to Qwik", 5 | "start_url": ".", 6 | "display": "standalone", 7 | "background_color": "#fff", 8 | "description": "A Qwik project app." 9 | } 10 | -------------------------------------------------------------------------------- /hono-nodejs-starter/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "target": "ESNext", 4 | "module": "NodeNext", 5 | "strict": true, 6 | "verbatimModuleSyntax": true, 7 | "skipLibCheck": true, 8 | "types": ["node"], 9 | "jsx": "react-jsx", 10 | "jsxImportSource": "hono/jsx" 11 | } 12 | } 13 | -------------------------------------------------------------------------------- /json-server/index.js: -------------------------------------------------------------------------------- 1 | const url = 'https://json-server--3000.local.webcontainer.io/comments'; 2 | 3 | fetch(url) 4 | .then((r) => r.json()) 5 | .then( 6 | (json) => 7 | (document.getElementById('output').innerHTML = JSON.stringify( 8 | json, 9 | null, 10 | 2 11 | )) 12 | ); 13 | -------------------------------------------------------------------------------- /slidev/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "private": true, 3 | "scripts": { 4 | "dev": "slidev", 5 | "build": "slidev build", 6 | "export": "slidev export" 7 | }, 8 | "dependencies": { 9 | "@slidev/cli": "latest", 10 | "@slidev/theme-default": "latest", 11 | "@slidev/theme-seriph": "latest" 12 | } 13 | } 14 | -------------------------------------------------------------------------------- /sveltekit/src/app.d.ts: -------------------------------------------------------------------------------- 1 | // See https://kit.svelte.dev/docs/types#app 2 | // for information about these interfaces 3 | declare global { 4 | namespace App { 5 | // interface Error {} 6 | // interface Locals {} 7 | // interface PageData {} 8 | // interface Platform {} 9 | } 10 | } 11 | 12 | export {}; 13 | -------------------------------------------------------------------------------- /egg/index.js: -------------------------------------------------------------------------------- 1 | const egg = require('egg'); 2 | 3 | egg 4 | .start({ 5 | workers: 1, 6 | port: 3000, 7 | mode: 'single', 8 | }) 9 | .then((app) => { 10 | app.listen(3000); 11 | console.log('Server started on http://localhost:3000/'); 12 | }) 13 | .catch((err) => { 14 | console.error(err); 15 | }); 16 | -------------------------------------------------------------------------------- /gsap-svelte/src/main.js: -------------------------------------------------------------------------------- 1 | import gsap from 'gsap'; 2 | import { ScrollTrigger } from 'gsap/ScrollTrigger'; 3 | 4 | import './app.css'; 5 | import App from './App.svelte'; 6 | 7 | gsap.registerPlugin(ScrollTrigger); 8 | 9 | const app = new App({ 10 | target: document.getElementById('app'), 11 | }); 12 | 13 | export default app; 14 | -------------------------------------------------------------------------------- /vue/public/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Vue App 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /express-simple/README.md: -------------------------------------------------------------------------------- 1 | # Simple express demo 2 | 3 | > Express: fast, unopinionated, minimalist web framework for Node.js 4 | 5 | This project shows a simple express server serving a single HTML page and using `express.static` to serve static files. 6 | 7 | Check out the [express documentation](https://expressjs.com/) for more information. 8 | -------------------------------------------------------------------------------- /gsap-react/src/index.js: -------------------------------------------------------------------------------- 1 | import React, { StrictMode } from 'react'; 2 | import { createRoot } from 'react-dom/client'; 3 | 4 | import App from './App'; 5 | 6 | import './style.css'; 7 | 8 | const root = createRoot(document.getElementById('app')); 9 | 10 | root.render( 11 | 12 | 13 | 14 | ); 15 | -------------------------------------------------------------------------------- /json-server/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "json-server-starter", 3 | "private": true, 4 | "scripts": { 5 | "frontend": "http-server", 6 | "backend": "json-server -w db.json" 7 | }, 8 | "dependencies": { 9 | "http-server": "^0.12.3" 10 | }, 11 | "devDependencies": { 12 | "json-server": "^0.16.3" 13 | } 14 | } 15 | -------------------------------------------------------------------------------- /tutorialkit/src/templates/default/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "vite-project", 3 | "private": true, 4 | "version": "0.0.0", 5 | "type": "module", 6 | "scripts": { 7 | "dev": "vite", 8 | "build": "vite build", 9 | "preview": "vite preview" 10 | }, 11 | "devDependencies": { 12 | "vite": "^5.2.0" 13 | } 14 | } 15 | -------------------------------------------------------------------------------- /bolt-expo/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "expo/tsconfig.base", 3 | "compilerOptions": { 4 | "strict": true, 5 | "paths": { 6 | "@/*": ["./*"] 7 | } 8 | }, 9 | "include": [ 10 | "**/*.ts", 11 | "**/*.tsx", 12 | ".expo/types/**/*.ts", 13 | "expo-env.d.ts", 14 | "nativewind-env.d.ts" 15 | ] 16 | } 17 | -------------------------------------------------------------------------------- /json-server/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | JSON Server client demo 5 | 6 | 7 | 8 | 9 | 10 | 

11 |   
12 | 
13 | 


--------------------------------------------------------------------------------
/json-server/db.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "posts": [
 3 |     {
 4 |       "id": 1,
 5 |       "title": "json-server",
 6 |       "author": "typicode"
 7 |     }
 8 |   ],
 9 |   "comments": [
10 |     {
11 |       "id": 1,
12 |       "body": "some comment",
13 |       "postId": 1
14 |     }
15 |   ],
16 |   "profile": {
17 |     "name": "typicode"
18 |   }
19 | }
20 | 


--------------------------------------------------------------------------------
/tutorialkit/src/templates/default/counter.js:
--------------------------------------------------------------------------------
 1 | export function setupCounter(element) {
 2 |   let counter = 0;
 3 | 
 4 |   const setCounter = (count) => {
 5 |     counter = count;
 6 |     element.innerHTML = `count is ${counter}`;
 7 |   };
 8 | 
 9 |   element.addEventListener('click', () => setCounter(counter + 1));
10 | 
11 |   setCounter(0);
12 | }
13 | 


--------------------------------------------------------------------------------
/bolt-vite-react-ts/.gitignore:
--------------------------------------------------------------------------------
 1 | logs
 2 | *.log
 3 | npm-debug.log*
 4 | yarn-debug.log*
 5 | yarn-error.log*
 6 | pnpm-debug.log*
 7 | lerna-debug.log*
 8 | 
 9 | node_modules
10 | dist
11 | dist-ssr
12 | *.local
13 | 
14 | .vscode/*
15 | !.vscode/extensions.json
16 | .idea
17 | .DS_Store
18 | *.suo
19 | *.ntvs*
20 | *.njsproj
21 | *.sln
22 | *.sw?
23 | .env
24 | 


--------------------------------------------------------------------------------
/gsap-next/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "gsap-next-starter",
 3 |   "private": true,
 4 |   "scripts": {
 5 |     "dev": "next dev",
 6 |     "build": "next build",
 7 |     "start": "next start"
 8 |   },
 9 |   "dependencies": {
10 |     "gsap": "^3.12.0",
11 |     "next": "^13.4.0",
12 |     "react": "^18.2.0",
13 |     "react-dom": "^18.2.0"
14 |   }
15 | }
16 | 


--------------------------------------------------------------------------------
/quasar/.vscode/settings.json:
--------------------------------------------------------------------------------
1 | {
2 |   "editor.bracketPairColorization.enabled": true,
3 |   "editor.guides.bracketPairs": true,
4 |   "editor.formatOnSave": true,
5 |   "editor.defaultFormatter": "esbenp.prettier-vscode",
6 |   "editor.codeActionsOnSave": ["source.fixAll.eslint"],
7 |   "eslint.validate": ["javascript", "javascriptreact", "typescript", "vue"]
8 | }
9 | 


--------------------------------------------------------------------------------
/hono-nodejs-starter/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "hono-nodejs-starter",
 3 |   "type": "module",
 4 |   "scripts": {
 5 |     "dev": "tsx watch src/index.ts"
 6 |   },
 7 |   "dependencies": {
 8 |     "@hono/node-server": "1.13.8",
 9 |     "hono": "4.7.4"
10 |   },
11 |   "devDependencies": {
12 |     "@types/node": "22.13.9",
13 |     "tsx": "4.19.3"
14 |   }
15 | }
16 | 


--------------------------------------------------------------------------------
/astro-shadcn/src/components/ui/skeleton.tsx:
--------------------------------------------------------------------------------
 1 | import { cn } from '@/lib/utils';
 2 | 
 3 | function Skeleton({
 4 |   className,
 5 |   ...props
 6 | }: React.HTMLAttributes) {
 7 |   return (
 8 |     

12 |   );
13 | }
14 | 
15 | export { Skeleton };
16 | 


--------------------------------------------------------------------------------
/bolt-qwik/src/components/starter/infobox/infobox.tsx:
--------------------------------------------------------------------------------
 1 | import { Slot, component$ } from '@builder.io/qwik';
 2 | import styles from './infobox.module.css';
 3 | 
 4 | export default component$(() => {
 5 |   return (
 6 |     

 7 |       

 8 |         
 9 |       

10 |       
11 |     

12 |   );
13 | });
14 | 


--------------------------------------------------------------------------------
/bootstrap-5/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "bootstrap-5-starter",
 3 |   "private": true,
 4 |   "scripts": {
 5 |     "dev": "vite",
 6 |     "build": "vite build",
 7 |     "preview": "vite preview"
 8 |   },
 9 |   "dependencies": {
10 |     "bootstrap": "^5.3.1"
11 |   },
12 |   "devDependencies": {
13 |     "sass": "~1.64.2",
14 |     "vite": "^4.4.9"
15 |   }
16 | }
17 | 


--------------------------------------------------------------------------------
/nextjs-shadcn/components/ui/skeleton.tsx:
--------------------------------------------------------------------------------
 1 | import { cn } from '@/lib/utils';
 2 | 
 3 | function Skeleton({
 4 |   className,
 5 |   ...props
 6 | }: React.HTMLAttributes) {
 7 |   return (
 8 |     

12 |   );
13 | }
14 | 
15 | export { Skeleton };
16 | 


--------------------------------------------------------------------------------
/sveltekit/jsconfig.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "extends": "./.svelte-kit/tsconfig.json",
 3 |   "compilerOptions": {
 4 |     "allowJs": true,
 5 |     "checkJs": true,
 6 |     "esModuleInterop": true,
 7 |     "forceConsistentCasingInFileNames": true,
 8 |     "resolveJsonModule": true,
 9 |     "skipLibCheck": true,
10 |     "sourceMap": true,
11 |     "strict": true
12 |   }
13 | }
14 | 


--------------------------------------------------------------------------------
/astro-shadcn/astro.config.mjs:
--------------------------------------------------------------------------------
 1 | import { defineConfig } from 'astro/config';
 2 | 
 3 | import react from '@astrojs/react';
 4 | 
 5 | import tailwind from '@astrojs/tailwind';
 6 | 
 7 | // https://astro.build/config
 8 | export default defineConfig({
 9 |   integrations: [
10 |     react(),
11 |     tailwind({
12 |       applyBaseStyles: false,
13 |     }),
14 |   ],
15 | });
16 | 


--------------------------------------------------------------------------------
/gsap-nuxt/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "gsap-nuxt-starter",
 3 |   "private": true,
 4 |   "scripts": {
 5 |     "build": "nuxt build",
 6 |     "dev": "nuxt dev",
 7 |     "generate": "nuxt generate",
 8 |     "preview": "nuxt preview",
 9 |     "postinstall": "nuxt prepare"
10 |   },
11 |   "dependencies": {
12 |     "gsap": "^3.12.2",
13 |     "nuxt": "^3.7.0"
14 |   }
15 | }
16 | 


--------------------------------------------------------------------------------
/vite-shadcn/src/components/ui/skeleton.tsx:
--------------------------------------------------------------------------------
 1 | import { cn } from '@/lib/utils';
 2 | 
 3 | function Skeleton({
 4 |   className,
 5 |   ...props
 6 | }: React.HTMLAttributes) {
 7 |   return (
 8 |     

12 |   );
13 | }
14 | 
15 | export { Skeleton };
16 | 


--------------------------------------------------------------------------------
/gsap-vue/.gitignore:
--------------------------------------------------------------------------------
 1 | node_modules
 2 | dist
 3 | dist-ssr
 4 | *.local
 5 | 
 6 | # Logs
 7 | logs
 8 | *.log
 9 | npm-debug.log*
10 | yarn-debug.log*
11 | yarn-error.log*
12 | pnpm-debug.log*
13 | lerna-debug.log*
14 | 
15 | # Editor directories and files
16 | .vscode/*
17 | !.vscode/extensions.json
18 | .idea
19 | .DS_Store
20 | *.suo
21 | *.ntvs*
22 | *.njsproj
23 | *.sln
24 | *.sw?
25 | 


--------------------------------------------------------------------------------
/hono-nodejs-starter/src/index.ts:
--------------------------------------------------------------------------------
 1 | import { serve } from '@hono/node-server';
 2 | import { Hono } from 'hono';
 3 | 
 4 | const app = new Hono();
 5 | 
 6 | app.get('/', (c) => {
 7 |   return c.text('Hello Hono!');
 8 | });
 9 | 
10 | const port = 3000;
11 | console.log(`Server is running on http://localhost:${port}`);
12 | 
13 | serve({
14 |   fetch: app.fetch,
15 |   port,
16 | });
17 | 


--------------------------------------------------------------------------------
/tres/.gitignore:
--------------------------------------------------------------------------------
 1 | # Logs
 2 | logs
 3 | *.log
 4 | npm-debug.log*
 5 | yarn-debug.log*
 6 | yarn-error.log*
 7 | pnpm-debug.log*
 8 | lerna-debug.log*
 9 | 
10 | node_modules
11 | dist
12 | dist-ssr
13 | *.local
14 | 
15 | # Editor directories and files
16 | .vscode/*
17 | !.vscode/extensions.json
18 | .idea
19 | .DS_Store
20 | *.suo
21 | *.ntvs*
22 | *.njsproj
23 | *.sln
24 | *.sw?
25 | 


--------------------------------------------------------------------------------
/gsap-svelte/.gitignore:
--------------------------------------------------------------------------------
 1 | node_modules
 2 | dist
 3 | dist-ssr
 4 | *.local
 5 | 
 6 | # Logs
 7 | logs
 8 | *.log
 9 | npm-debug.log*
10 | yarn-debug.log*
11 | yarn-error.log*
12 | pnpm-debug.log*
13 | lerna-debug.log*
14 | 
15 | # Editor directories and files
16 | .vscode/*
17 | !.vscode/extensions.json
18 | .idea
19 | .DS_Store
20 | *.suo
21 | *.ntvs*
22 | *.njsproj
23 | *.sln
24 | *.sw?
25 | 


--------------------------------------------------------------------------------
/slidev/README.md:
--------------------------------------------------------------------------------
 1 | # Welcome to [Slidev](https://github.com/slidevjs/slidev)!
 2 | 
 3 | [Edit on StackBlitz ⚡️](https://sli.dev/new)
 4 | 
 5 | To start the slide show:
 6 | 
 7 | - `npm install`
 8 | - `npm run dev`
 9 | - visit http://localhost:3030
10 | 
11 | Edit the [slides.md](./slides.md) to see the changes.
12 | 
13 | Learn more about Slidev on [documentations](https://sli.dev/).
14 | 


--------------------------------------------------------------------------------
/vite-shadcn/vite.config.ts:
--------------------------------------------------------------------------------
 1 | import path from 'path';
 2 | import react from '@vitejs/plugin-react';
 3 | import { defineConfig } from 'vite';
 4 | 
 5 | export default defineConfig({
 6 |   plugins: [react()],
 7 |   resolve: {
 8 |     alias: {
 9 |       '@': path.resolve(__dirname, './src'),
10 |     },
11 |   },
12 |   optimizeDeps: {
13 |     exclude: ['lucide-react'],
14 |   },
15 | });
16 | 


--------------------------------------------------------------------------------
/astro-shadcn/.gitignore:
--------------------------------------------------------------------------------
 1 | # build output
 2 | dist/
 3 | 
 4 | # generated types
 5 | .astro/
 6 | 
 7 | # dependencies
 8 | node_modules/
 9 | 
10 | # logs
11 | npm-debug.log*
12 | yarn-debug.log*
13 | yarn-error.log*
14 | pnpm-debug.log*
15 | 
16 | # environment variables
17 | .env
18 | .env.production
19 | 
20 | # macOS-specific files
21 | .DS_Store
22 | 
23 | # jetbrains setting folder
24 | .idea/
25 | 


--------------------------------------------------------------------------------
/tutorialkit/src/content/tutorial/1-basics/1-introduction/1-welcome/_solution/counter.js:
--------------------------------------------------------------------------------
 1 | export function setupCounter(element) {
 2 |   let counter = 0;
 3 | 
 4 |   const setCounter = (count) => {
 5 |     counter = count;
 6 |     element.innerHTML = `count is ${counter}`;
 7 |   };
 8 | 
 9 |   element.addEventListener('click', () => setCounter(counter + 1));
10 | 
11 |   setCounter(0);
12 | }
13 | 


--------------------------------------------------------------------------------
/vite-shadcn/.gitignore:
--------------------------------------------------------------------------------
 1 | # Logs
 2 | logs
 3 | *.log
 4 | npm-debug.log*
 5 | yarn-debug.log*
 6 | yarn-error.log*
 7 | pnpm-debug.log*
 8 | lerna-debug.log*
 9 | 
10 | node_modules
11 | dist
12 | dist-ssr
13 | *.local
14 | .env
15 | 
16 | # Editor directories and files
17 | .vscode/*
18 | !.vscode/extensions.json
19 | .idea
20 | .DS_Store
21 | *.suo
22 | *.ntvs*
23 | *.njsproj
24 | *.sln
25 | *.sw?
26 | 


--------------------------------------------------------------------------------
/astro-shadcn/src/components/ui/collapsible.tsx:
--------------------------------------------------------------------------------
 1 | import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
 2 | 
 3 | const Collapsible = CollapsiblePrimitive.Root;
 4 | 
 5 | const CollapsibleTrigger = CollapsiblePrimitive.CollapsibleTrigger;
 6 | 
 7 | const CollapsibleContent = CollapsiblePrimitive.CollapsibleContent;
 8 | 
 9 | export { Collapsible, CollapsibleTrigger, CollapsibleContent };
10 | 


--------------------------------------------------------------------------------
/sveltekit/src/app.html:
--------------------------------------------------------------------------------
 1 | 
 2 | 
 3 | 	
 4 | 		
 5 | 		
 6 | 		
 7 | 		%sveltekit.head%
 8 | 	
 9 | 	
10 | 		
%sveltekit.body%

11 | 	
12 | 
13 | 


--------------------------------------------------------------------------------
/vite-shadcn/src/components/ui/collapsible.tsx:
--------------------------------------------------------------------------------
 1 | import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
 2 | 
 3 | const Collapsible = CollapsiblePrimitive.Root;
 4 | 
 5 | const CollapsibleTrigger = CollapsiblePrimitive.CollapsibleTrigger;
 6 | 
 7 | const CollapsibleContent = CollapsiblePrimitive.CollapsibleContent;
 8 | 
 9 | export { Collapsible, CollapsibleTrigger, CollapsibleContent };
10 | 


--------------------------------------------------------------------------------
/vue/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "vue-starter",
 3 |   "private": true,
 4 |   "scripts": {
 5 |     "serve": "vue-cli-service serve",
 6 |     "build": "vue-cli-service build"
 7 |   },
 8 |   "dependencies": {
 9 |     "vue": "^3.3.4"
10 |   },
11 |   "devDependencies": {
12 |     "core-js": "^3.32.2",
13 |     "@vue/cli-plugin-babel": "^5.0.8",
14 |     "@vue/cli-service": "^5.0.8"
15 |   }
16 | }
17 | 


--------------------------------------------------------------------------------
/egg/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "egg-starter",
 3 |   "private": true,
 4 |   "scripts": {
 5 |     "start": "node index.js"
 6 |   },
 7 |   "dependencies": {
 8 |     "egg": "^2.37.0",
 9 |     "egg-scripts": "^2.17.0",
10 |     "egg-view-nunjucks": "^2.3.0"
11 |   },
12 |   "devDependencies": {
13 |     "egg-bin": "^4.20.0"
14 |   },
15 |   "homepage": "https://github.com/atian25/webcontainer-egg"
16 | }
17 | 


--------------------------------------------------------------------------------
/gsap-sveltekit/src/app.html:
--------------------------------------------------------------------------------
 1 | 
 2 | 
 3 | 	
 4 | 		
 5 | 		
 6 | 		
 7 | 		%sveltekit.head%
 8 | 	
 9 | 	
10 | 		
%sveltekit.body%

11 | 	
12 | 
13 | 


--------------------------------------------------------------------------------
/koa/index.js:
--------------------------------------------------------------------------------
 1 | const Koa = require('koa');
 2 | const logger = require('koa-logger');
 3 | const router = require('@koa/router')();
 4 | 
 5 | const app = new Koa();
 6 | 
 7 | // middlewares
 8 | 
 9 | app.use(logger());
10 | 
11 | const helloWorld = (ctx) => {
12 |   ctx.body = 'Hello World!!!';
13 | };
14 | 
15 | router.get('/', helloWorld);
16 | 
17 | app.use(router.routes());
18 | 
19 | app.listen(3000);
20 | 


--------------------------------------------------------------------------------
/tres/index.html:
--------------------------------------------------------------------------------
 1 | 
 2 | 
 3 |   
 4 |     TresJS
 5 |     
 6 |     
 7 |     
 8 |   
 9 |   
10 |     

11 |     
12 |   
13 | 
14 | 


--------------------------------------------------------------------------------
/tutorialkit/.vscode/settings.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "files.exclude": {
 3 |     ".astro": true,
 4 |     "astro.config.ts": true,
 5 |     "uno.config.ts": true,
 6 |     "tsconfig.json": true,
 7 |     "icons": true,
 8 |     "src/env.d.ts": true,
 9 |     "**/.git": true,
10 |     "**/.svn": true,
11 |     "**/.hg": true,
12 |     "**/CVS": true,
13 |     "**/.DS_Store": true,
14 |     "**/Thumbs.db": true
15 |   }
16 | }
17 | 


--------------------------------------------------------------------------------
/.github/workflows/prettier.yml:
--------------------------------------------------------------------------------
 1 | name: Check code formatting
 2 | 
 3 | on:
 4 |   pull_request:
 5 |   push:
 6 |     branches: [main]
 7 | 
 8 | jobs:
 9 |   prettier:
10 |     runs-on: ubuntu-latest
11 |     steps:
12 |     - uses: actions/checkout@v3
13 |     - uses: actions/setup-node@v3
14 |       with:
15 |         node-version: 18
16 |         cache: 'npm'
17 |     - run: npm ci
18 |     - run: npm run format:check
19 | 


--------------------------------------------------------------------------------
/gsap-vue/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "gsap-vue-starter",
 3 |   "private": true,
 4 |   "type": "module",
 5 |   "scripts": {
 6 |     "dev": "vite",
 7 |     "build": "vite build",
 8 |     "preview": "vite preview"
 9 |   },
10 |   "dependencies": {
11 |     "gsap": "^3.12.2",
12 |     "vue": "^3.3.4"
13 |   },
14 |   "devDependencies": {
15 |     "@vitejs/plugin-vue": "^4.3.4",
16 |     "vite": "^4.4.9"
17 |   }
18 | }
19 | 


--------------------------------------------------------------------------------
/express-simple/pages/index.html:
--------------------------------------------------------------------------------
 1 | 
 2 | 
 3 |   
 4 |     Hello Express!
 5 |     
 6 |     
 7 |     
 8 |   
 9 |   
10 |     
Hello Express!

11 |     
Showing pages/index.html

12 |   
13 | 
14 | 


--------------------------------------------------------------------------------
/nextjs-shadcn/components/ui/collapsible.tsx:
--------------------------------------------------------------------------------
 1 | 'use client';
 2 | 
 3 | import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
 4 | 
 5 | const Collapsible = CollapsiblePrimitive.Root;
 6 | 
 7 | const CollapsibleTrigger = CollapsiblePrimitive.CollapsibleTrigger;
 8 | 
 9 | const CollapsibleContent = CollapsiblePrimitive.CollapsibleContent;
10 | 
11 | export { Collapsible, CollapsibleTrigger, CollapsibleContent };
12 | 


--------------------------------------------------------------------------------
/tutorialkit/src/content/config.ts:
--------------------------------------------------------------------------------
 1 | import {
 2 |   chapterSchema,
 3 |   lessonSchema,
 4 |   partSchema,
 5 |   tutorialSchema,
 6 | } from '@tutorialkit/types';
 7 | import { defineCollection } from 'astro:content';
 8 | 
 9 | const tutorial = defineCollection({
10 |   type: 'content',
11 |   schema: tutorialSchema.or(partSchema).or(chapterSchema).or(lessonSchema),
12 | });
13 | 
14 | export const collections = { tutorial };
15 | 


--------------------------------------------------------------------------------
/.github/workflows/package-lock-sync.yml:
--------------------------------------------------------------------------------
 1 | name: Check package-lock.json
 2 | 
 3 | on:
 4 |   pull_request:
 5 |   push:
 6 |     branches: [main]
 7 | 
 8 | jobs:
 9 |   package:
10 |     runs-on: ubuntu-latest
11 |     steps:
12 |     - uses: actions/checkout@v3
13 |     - uses: actions/setup-node@v3
14 |       with:
15 |         node-version: 18
16 |         cache: 'npm'
17 |     - run: npm ci
18 |     - run: npm run package:check
19 | 


--------------------------------------------------------------------------------
/express-simple/index.js:
--------------------------------------------------------------------------------
 1 | const express = require('express');
 2 | const { resolve } = require('path');
 3 | 
 4 | const app = express();
 5 | const port = 3010;
 6 | 
 7 | app.use(express.static('static'));
 8 | 
 9 | app.get('/', (req, res) => {
10 |   res.sendFile(resolve(__dirname, 'pages/index.html'));
11 | });
12 | 
13 | app.listen(port, () => {
14 |   console.log(`Example app listening at http://localhost:${port}`);
15 | });
16 | 


--------------------------------------------------------------------------------
/quasar/.vscode/extensions.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "recommendations": [
 3 |     "dbaeumer.vscode-eslint",
 4 |     "esbenp.prettier-vscode",
 5 |     "editorconfig.editorconfig",
 6 |     "johnsoncodehk.volar",
 7 |     "wayou.vscode-todo-highlight"
 8 |   ],
 9 |   "unwantedRecommendations": [
10 |     "octref.vetur",
11 |     "hookyqr.beautify",
12 |     "dbaeumer.jshint",
13 |     "ms-vscode.vscode-typescript-tslint-plugin"
14 |   ]
15 | }
16 | 


--------------------------------------------------------------------------------
/bolt-vite-react-ts/.bolt/prompt:
--------------------------------------------------------------------------------
1 | For all designs I ask you to make, have them be beautiful, not cookie cutter. Make webpages that are fully featured and worthy for production.
2 | 
3 | By default, this template supports JSX syntax with Tailwind CSS classes, React hooks, and Lucide React for icons. Do not install other packages for UI themes, icons, etc unless absolutely necessary or I request them.
4 | 
5 | Use icons from lucide-react for logos.
6 | 


--------------------------------------------------------------------------------
/gsap-svelte/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "gsap-svelte-starter",
 3 |   "private": true,
 4 |   "type": "module",
 5 |   "scripts": {
 6 |     "dev": "vite",
 7 |     "build": "vite build",
 8 |     "preview": "vite preview"
 9 |   },
10 |   "dependencies": {
11 |     "gsap": "^3.12.2"
12 |   },
13 |   "devDependencies": {
14 |     "@sveltejs/vite-plugin-svelte": "^2.4.5",
15 |     "svelte": "^4.2.0",
16 |     "vite": "^4.4.9"
17 |   }
18 | }
19 | 


--------------------------------------------------------------------------------
/.prettierrc:
--------------------------------------------------------------------------------
 1 | {
 2 |   "printWidth": 80,
 3 |   "semi": true,
 4 |   "singleQuote": true,
 5 |   "tabWidth": 2,
 6 |   "useTabs": false,
 7 |   "plugins": ["prettier-plugin-svelte"],
 8 |   "overrides": [
 9 |     {
10 |       "files": ["**/.prettierrc", "**/.stackblitzrc"],
11 |       "options": { "parser": "json" }
12 |     },
13 |     {
14 |       "files": ["**/*.svelte"],
15 |       "options": { "parser": "svelte" }
16 |     }
17 |   ]
18 | }
19 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
 1 | # Ignore patterns for repo config
 2 | /node_modules
 3 | /test/__screenshots__
 4 | 
 5 | # Ignore patterns for templates
 6 | */node_modules
 7 | */pnpm-lock.yaml
 8 | */yarn.lock
 9 | */build/*
10 | */dist/*
11 | */out-tsc/*
12 | 
13 | # Ignore vscode config folder, except in specific templates
14 | .vscode
15 | !/gsap-svelte/.vscode
16 | !/quasar/.vscode
17 | !/tutorialkit/.vscode
18 | 
19 | # Ignore everywhere
20 | ._*
21 | .DS_Store
22 | 


--------------------------------------------------------------------------------
/tutorialkit/src/templates/default/index.html:
--------------------------------------------------------------------------------
 1 | 
 2 | 
 3 |   
 4 |     
 5 |     
 6 |     
 7 |     Vite App
 8 |   
 9 |   
10 |     

11 |     
12 |   
13 | 
14 | 


--------------------------------------------------------------------------------
/bolt-qwik/src/components/starter/infobox/infobox.module.css:
--------------------------------------------------------------------------------
 1 | .infobox {
 2 |   color: white;
 3 |   font-size: 0.8rem;
 4 |   line-height: 2;
 5 |   margin: 0 0 40px;
 6 | }
 7 | 
 8 | .infobox h3 {
 9 |   font-size: 1rem;
10 |   font-weight: 400;
11 |   margin: 0 0 15px;
12 |   padding: 0;
13 | }
14 | 
15 | .infobox li {
16 |   line-height: 2.5;
17 | }
18 | 
19 | @media screen and (min-width: 600px) {
20 |   .infobox {
21 |     margin: 0;
22 |   }
23 | }
24 | 


--------------------------------------------------------------------------------
/bolt-remotion/tsconfig.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "compilerOptions": {
 3 |     "target": "ES2018",
 4 |     "module": "commonjs",
 5 |     "jsx": "react-jsx",
 6 |     "outDir": "./dist",
 7 |     "strict": true,
 8 |     "noEmit": true,
 9 |     "lib": ["es2015"],
10 |     "esModuleInterop": true,
11 |     "skipLibCheck": true,
12 |     "forceConsistentCasingInFileNames": true,
13 |     "noUnusedLocals": true
14 |   },
15 |   "exclude": ["remotion.config.ts"]
16 | }
17 | 


--------------------------------------------------------------------------------
/vite-shadcn/.bolt/prompt:
--------------------------------------------------------------------------------
1 | For all designs I ask you to make, have them be beautiful, not cookie cutter. Make webpages that are fully featured and worthy for production.
2 | 
3 | By default, this template supports JSX syntax with Tailwind CSS classes, the shadcn/ui library, React hooks, and Lucide React for icons. Do not install other packages for UI themes, icons, etc unless absolutely necessary or I request them.
4 | 
5 | Use icons from lucide-react for logos.
6 | 


--------------------------------------------------------------------------------
/.prettierignore:
--------------------------------------------------------------------------------
 1 | # Generated files
 2 | **/package-lock.json
 3 | **/build
 4 | **/dist
 5 | **/.next
 6 | **/.nuxt
 7 | **/.output
 8 | **/.svelte-kit
 9 | 
10 | # Prettier formatting of HTML is questionable, let's skip it for now
11 | **/*.html
12 | 
13 | # Skipping Markdown as well, as it may contain custom DSLs that Prettier doesn't handle well
14 | **/*.md
15 | **/*.mdx
16 | 
17 | # Maybe skip formatting templating languages too
18 | **/*.svelte
19 | **/*.vue
20 | 


--------------------------------------------------------------------------------
/astro-shadcn/.bolt/prompt:
--------------------------------------------------------------------------------
1 | For all designs I ask you to make, have them be beautiful, not cookie cutter. Make webpages that are fully featured and worthy for production.
2 | 
3 | By default, this template supports JSX syntax with Tailwind CSS classes, the shadcn/ui library, React hooks, and Lucide React for icons. Do not install other packages for UI themes, icons, etc unless absolutely necessary or I request them.
4 | 
5 | Use icons from lucide-react for logos.
6 | 


--------------------------------------------------------------------------------
/bolt-remotion/.bolt/prompt:
--------------------------------------------------------------------------------
1 | For all designs I ask you to make, have them be beautiful, not cookie cutter. Make webpages that are fully featured and worthy for production.
2 | 
3 | By default, this template creates Remotion videos using React 18 + TypeScript, with built-in spring animations and interpolation. Use existing components (Title, Subtitle, Logo) with Zod schemas for props. Default video is 1920x1080 @ 30fps.
4 | 
5 | Use icons from lucide-react for logos.
6 | 


--------------------------------------------------------------------------------
/quasar/src/router/routes.js:
--------------------------------------------------------------------------------
 1 | const routes = [
 2 |   {
 3 |     path: '/',
 4 |     component: () => import('layouts/MainLayout.vue'),
 5 |     children: [{ path: '', component: () => import('pages/IndexPage.vue') }],
 6 |   },
 7 | 
 8 |   // Always leave this as last one,
 9 |   // but you can also remove it
10 |   {
11 |     path: '/:catchAll(.*)*',
12 |     component: () => import('pages/ErrorNotFound.vue'),
13 |   },
14 | ];
15 | 
16 | export default routes;
17 | 


--------------------------------------------------------------------------------
/angular/src/main.ts:
--------------------------------------------------------------------------------
 1 | import { Component } from '@angular/core';
 2 | import { bootstrapApplication } from '@angular/platform-browser';
 3 | 
 4 | @Component({
 5 |   selector: 'app-root',
 6 |   template: `
 7 |     
Hello from {{ name }}!

 8 |     
 9 |       Learn more about Angular
10 |     
11 |   `,
12 | })
13 | export class App {
14 |   name = 'Angular';
15 | }
16 | 
17 | bootstrapApplication(App);
18 | 


--------------------------------------------------------------------------------
/hono-nodejs-starter/.gitignore:
--------------------------------------------------------------------------------
 1 | # dev
 2 | .yarn/
 3 | !.yarn/releases
 4 | .vscode/*
 5 | !.vscode/launch.json
 6 | !.vscode/*.code-snippets
 7 | .idea/workspace.xml
 8 | .idea/usage.statistics.xml
 9 | .idea/shelf
10 | 
11 | # deps
12 | node_modules/
13 | 
14 | # env
15 | .env
16 | .env.production
17 | 
18 | # logs
19 | logs/
20 | *.log
21 | npm-debug.log*
22 | yarn-debug.log*
23 | yarn-error.log*
24 | pnpm-debug.log*
25 | lerna-debug.log*
26 | 
27 | # misc
28 | .DS_Store
29 | 


--------------------------------------------------------------------------------
/tutorialkit/icons/languages/js.svg:
--------------------------------------------------------------------------------
1 | 
2 | 


--------------------------------------------------------------------------------
/bolt-expo/.gitignore:
--------------------------------------------------------------------------------
 1 | # dependencies
 2 | node_modules/
 3 | 
 4 | # expo
 5 | .expo/
 6 | dist/
 7 | web-build/
 8 | expo-env.d.ts
 9 | 
10 | # native
11 | *.orig.*
12 | *.jks
13 | *.p8
14 | *.p12
15 | *.key
16 | *.mobileprovision
17 | 
18 | # metro
19 | .metro-health-check*
20 | 
21 | # debug
22 | npm-debug.*
23 | yarn-debug.*
24 | yarn-error.*
25 | 
26 | # macos
27 | .DS_Store
28 | *.pem
29 | 
30 | # local env files
31 | .env*.local
32 | .env
33 | 
34 | # typescript
35 | *.tsbuildinfo
36 | 


--------------------------------------------------------------------------------
/angular/src/index.html:
--------------------------------------------------------------------------------
 1 | 
 2 | 
 3 |   
 4 |     My app
 5 |     
 6 |     
 7 |     
 8 |     
 9 |     
10 |   
11 |   
12 |     Loading...
13 |   
14 | 
15 | 


--------------------------------------------------------------------------------
/bolt-qwik/src/components/starter/footer/footer.module.css:
--------------------------------------------------------------------------------
 1 | .anchor {
 2 |   color: white !important;
 3 |   display: block;
 4 |   font-size: 0.8rem;
 5 |   text-align: center;
 6 |   text-decoration: none;
 7 |   line-height: 1.5;
 8 | }
 9 | 
10 | .anchor span:not(.spacer) {
11 |   display: block;
12 | }
13 | 
14 | .spacer {
15 |   display: none;
16 |   padding: 0 15px;
17 | }
18 | 
19 | @media screen and (min-width: 768px) {
20 |   .anchor span {
21 |     display: inline !important;
22 |   }
23 | }
24 | 


--------------------------------------------------------------------------------
/react/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "react-starter",
 3 |   "private": true,
 4 |   "dependencies": {
 5 |     "react": "^18.2.0",
 6 |     "react-dom": "^18.2.0"
 7 |   },
 8 |   "scripts": {
 9 |     "start": "react-scripts start",
10 |     "build": "react-scripts build",
11 |     "test": "react-scripts test --env=jsdom",
12 |     "eject": "react-scripts eject"
13 |   },
14 |   "devDependencies": {
15 |     "react-scripts": "^5.0.1"
16 |   },
17 |   "browserslist": [
18 |     "defaults"
19 |   ]
20 | }
21 | 


--------------------------------------------------------------------------------
/bolt-expo/app/_layout.tsx:
--------------------------------------------------------------------------------
 1 | import { useEffect } from 'react';
 2 | import { Stack } from 'expo-router';
 3 | import { StatusBar } from 'expo-status-bar';
 4 | import { useFrameworkReady } from '@/hooks/useFrameworkReady';
 5 | 
 6 | export default function RootLayout() {
 7 |   useFrameworkReady();
 8 | 
 9 |   return (
10 |     <>
11 |       
12 |         
13 |       
14 |       
15 |     
16 |   );
17 | }
18 | 


--------------------------------------------------------------------------------
/bolt-qwik/src/components/starter/gauge/gauge.module.css:
--------------------------------------------------------------------------------
 1 | .wrapper {
 2 |   position: relative;
 3 | }
 4 | 
 5 | .gauge {
 6 |   width: 160px;
 7 | }
 8 | 
 9 | .value {
10 |   position: absolute;
11 |   top: 50%;
12 |   left: 50%;
13 |   color: white;
14 |   font-size: 3rem;
15 |   transform: translate(-50%, -50%);
16 |   width: 200px;
17 |   text-align: center;
18 | }
19 | 
20 | @media screen and (min-width: 768px) {
21 |   .gauge {
22 |     width: 400px;
23 |   }
24 |   .value {
25 |     font-size: 7rem;
26 |   }
27 | }
28 | 


--------------------------------------------------------------------------------
/bootstrap-5/index.html:
--------------------------------------------------------------------------------
 1 | 
 2 | 
 3 |   
 4 |     Bootstrap 5 example
 5 |     
 6 |     
 7 |     
 8 |   
 9 |   
10 |     
13 |     
16 |   
17 | 
18 | 


--------------------------------------------------------------------------------
/tres/vite.config.ts:
--------------------------------------------------------------------------------
 1 | import { defineConfig } from 'vite';
 2 | import vue from '@vitejs/plugin-vue';
 3 | import glsl from 'vite-plugin-glsl';
 4 | 
 5 | // https://vitejs.dev/config/
 6 | export default defineConfig({
 7 |   plugins: [
 8 |     vue({
 9 |       template: {
10 |         compilerOptions: {
11 |           isCustomElement: (tag) =>
12 |             (tag.startsWith('Tres') && tag !== 'TresCanvas') ||
13 |             tag === 'primitive',
14 |         },
15 |       },
16 |     }),
17 |     glsl(),
18 |   ],
19 | });
20 | 


--------------------------------------------------------------------------------
/astro-shadcn/components.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "$schema": "https://ui.shadcn.com/schema.json",
 3 |   "style": "default",
 4 |   "rsc": false,
 5 |   "tsx": true,
 6 |   "tailwind": {
 7 |     "config": "tailwind.config.mjs",
 8 |     "css": "src/globals.css",
 9 |     "baseColor": "neutral",
10 |     "cssVariables": true,
11 |     "prefix": ""
12 |   },
13 |   "aliases": {
14 |     "components": "@/components",
15 |     "utils": "@/lib/utils",
16 |     "ui": "@/components/ui",
17 |     "lib": "@/lib",
18 |     "hooks": "@/hooks"
19 |   }
20 | }
21 | 


--------------------------------------------------------------------------------
/nextjs-shadcn/components.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "$schema": "https://ui.shadcn.com/schema.json",
 3 |   "style": "default",
 4 |   "rsc": true,
 5 |   "tsx": true,
 6 |   "tailwind": {
 7 |     "config": "tailwind.config.ts",
 8 |     "css": "app/globals.css",
 9 |     "baseColor": "neutral",
10 |     "cssVariables": true,
11 |     "prefix": ""
12 |   },
13 |   "aliases": {
14 |     "components": "@/components",
15 |     "utils": "@/lib/utils",
16 |     "ui": "@/components/ui",
17 |     "lib": "@/lib",
18 |     "hooks": "@/hooks"
19 |   }
20 | }
21 | 


--------------------------------------------------------------------------------
/vite-shadcn/components.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "$schema": "https://ui.shadcn.com/schema.json",
 3 |   "style": "new-york",
 4 |   "rsc": false,
 5 |   "tsx": true,
 6 |   "tailwind": {
 7 |     "config": "tailwind.config.js",
 8 |     "css": "src/index.css",
 9 |     "baseColor": "neutral",
10 |     "cssVariables": true,
11 |     "prefix": ""
12 |   },
13 |   "aliases": {
14 |     "components": "@/components",
15 |     "utils": "@/lib/utils",
16 |     "ui": "@/components/ui",
17 |     "lib": "@/lib",
18 |     "hooks": "@/hooks"
19 |   }
20 | }
21 | 


--------------------------------------------------------------------------------
/gsap-react/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "gsap-react-starter",
 3 |   "private": true,
 4 |   "scripts": {
 5 |     "start": "react-scripts start",
 6 |     "build": "react-scripts build",
 7 |     "test": "react-scripts test --env=jsdom",
 8 |     "eject": "react-scripts eject"
 9 |   },
10 |   "dependencies": {
11 |     "gsap": "^3.12.2",
12 |     "react": "^18.2.0",
13 |     "react-dom": "^18.2.0"
14 |   },
15 |   "devDependencies": {
16 |     "react-scripts": "^5.0.1"
17 |   },
18 |   "browserslist": [
19 |     "defaults"
20 |   ]
21 | }
22 | 


--------------------------------------------------------------------------------
/nextjs/.gitignore:
--------------------------------------------------------------------------------
 1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
 2 | 
 3 | # dependencies
 4 | /node_modules
 5 | /.pnp
 6 | .pnp.js
 7 | 
 8 | # testing
 9 | /coverage
10 | 
11 | # next.js
12 | /.next/
13 | /out/
14 | 
15 | # production
16 | /build
17 | 
18 | # misc
19 | .DS_Store
20 | *.pem
21 | 
22 | # debug
23 | npm-debug.log*
24 | yarn-debug.log*
25 | yarn-error.log*
26 | 
27 | # local env files
28 | .env*.local
29 | 
30 | # vercel
31 | .vercel
32 | 
33 | # typescript
34 | *.tsbuildinfo
35 | next-env.d.ts
36 | 


--------------------------------------------------------------------------------
/quasar/jsconfig.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "compilerOptions": {
 3 |     "baseUrl": ".",
 4 |     "paths": {
 5 |       "src/*": ["src/*"],
 6 |       "app/*": ["*"],
 7 |       "components/*": ["src/components/*"],
 8 |       "layouts/*": ["src/layouts/*"],
 9 |       "pages/*": ["src/pages/*"],
10 |       "assets/*": ["src/assets/*"],
11 |       "boot/*": ["src/boot/*"],
12 |       "stores/*": ["src/stores/*"],
13 |       "vue$": ["node_modules/vue/dist/vue.runtime.esm-bundler.js"]
14 |     }
15 |   },
16 |   "exclude": ["dist", ".quasar", "node_modules"]
17 | }
18 | 


--------------------------------------------------------------------------------
/static/page2.html:
--------------------------------------------------------------------------------
 1 | 
 2 | 
 3 |   
 4 |     Other page
 5 |     
 6 |     
 7 |     
 8 |     
 9 |   
10 |   
11 |     
15 |     

16 |       
My other page

17 |     

18 |   
19 | 
20 | 


--------------------------------------------------------------------------------
/sveltekit/svelte.config.js:
--------------------------------------------------------------------------------
 1 | import adapter from '@sveltejs/adapter-auto';
 2 | 
 3 | /** @type {import('@sveltejs/kit').Config} */
 4 | const config = {
 5 |   kit: {
 6 |     // adapter-auto only supports some environments, see https://kit.svelte.dev/docs/adapter-auto for a list.
 7 |     // If your environment is not supported or you settled on a specific environment, switch out the adapter.
 8 |     // See https://kit.svelte.dev/docs/adapters for more information about adapters.
 9 |     adapter: adapter(),
10 |   },
11 | };
12 | 
13 | export default config;
14 | 


--------------------------------------------------------------------------------
/nextjs-shadcn/.gitignore:
--------------------------------------------------------------------------------
 1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
 2 | 
 3 | # dependencies
 4 | /node_modules
 5 | /.pnp
 6 | .pnp.js
 7 | 
 8 | # testing
 9 | /coverage
10 | 
11 | # next.js
12 | /.next/
13 | /out/
14 | 
15 | # production
16 | /build
17 | 
18 | # misc
19 | .DS_Store
20 | *.pem
21 | 
22 | # debug
23 | npm-debug.log*
24 | yarn-debug.log*
25 | yarn-error.log*
26 | 
27 | # local env files
28 | .env
29 | .env*.local
30 | 
31 | # vercel
32 | .vercel
33 | 
34 | # typescript
35 | *.tsbuildinfo
36 | next-env.d.ts
37 | 


--------------------------------------------------------------------------------
/web-platform/page2.html:
--------------------------------------------------------------------------------
 1 | 
 2 | 
 3 |   
 4 |     Other page
 5 |     
 6 |     
 7 |     
 8 |     
 9 |   
10 |   
11 |     
15 |     

16 |       
My other page

17 |     

18 |   
19 | 
20 | 


--------------------------------------------------------------------------------
/gsap-vue/README.md:
--------------------------------------------------------------------------------
1 | # Vue 3 + Vite
2 | 
3 | This template should help get you started developing with Vue 3 in Vite. The template uses Vue 3 `
15 |   
16 | 
17 | 


--------------------------------------------------------------------------------
/tres/public/favicon.svg:
--------------------------------------------------------------------------------
1 | 
2 | 
3 | 
4 | 
5 | 
6 | 


--------------------------------------------------------------------------------
/gsap-svelte/index.html:
--------------------------------------------------------------------------------
 1 | 
 2 | 
 3 |   
 4 |     Vite + Svelte
 5 |     
 6 |     
 7 |     
 8 |     
 9 |     
10 |     
11 |   
12 |   
13 |     

14 |     
15 |   
16 | 
17 | 


--------------------------------------------------------------------------------
/json-graphql-server/db.js:
--------------------------------------------------------------------------------
 1 | module.exports = {
 2 |   posts: [
 3 |     { id: 1, title: 'Lorem Ipsum', views: 254, user_id: 123 },
 4 |     { id: 2, title: 'Sic Dolor amet', views: 65, user_id: 456 },
 5 |   ],
 6 |   users: [
 7 |     { id: 123, name: 'John Doe' },
 8 |     { id: 456, name: 'Jane Doe' },
 9 |   ],
10 |   comments: [
11 |     {
12 |       id: 987,
13 |       post_id: 1,
14 |       body: 'Consectetur adipiscing elit',
15 |       date: new Date('2017-07-03'),
16 |     },
17 |     {
18 |       id: 995,
19 |       post_id: 1,
20 |       body: 'Nam molestie pellentesque dui',
21 |       date: new Date('2017-08-17'),
22 |     },
23 |   ],
24 | };
25 | 


--------------------------------------------------------------------------------
/nextjs/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "nextjs",
 3 |   "version": "0.1.0",
 4 |   "private": true,
 5 |   "scripts": {
 6 |     "dev": "next dev",
 7 |     "build": "next build",
 8 |     "start": "next start",
 9 |     "lint": "next lint"
10 |   },
11 |   "dependencies": {
12 |     "@types/node": "20.6.2",
13 |     "@types/react": "18.2.22",
14 |     "@types/react-dom": "18.2.7",
15 |     "autoprefixer": "10.4.15",
16 |     "eslint": "8.49.0",
17 |     "eslint-config-next": "13.5.1",
18 |     "next": "13.5.1",
19 |     "postcss": "8.4.30",
20 |     "react": "18.2.0",
21 |     "react-dom": "18.2.0",
22 |     "tailwindcss": "3.3.3",
23 |     "typescript": "5.2.2"
24 |   }
25 | }
26 | 


--------------------------------------------------------------------------------
/gsap-sveltekit/jsconfig.json:
--------------------------------------------------------------------------------
 1 | {
 2 | 	"extends": "./.svelte-kit/tsconfig.json",
 3 | 	"compilerOptions": {
 4 | 		"allowJs": true,
 5 | 		"checkJs": true,
 6 | 		"esModuleInterop": true,
 7 | 		"forceConsistentCasingInFileNames": true,
 8 | 		"resolveJsonModule": true,
 9 | 		"skipLibCheck": true,
10 | 		"sourceMap": true,
11 | 		"strict": true
12 | 	}
13 | 	// Path aliases are handled by https://kit.svelte.dev/docs/configuration#alias and https://kit.svelte.dev/docs/configuration#files
14 | 	//
15 | 	// If you want to overwrite includes/excludes, make sure to copy over the relevant includes/excludes
16 | 	// from the referenced tsconfig.json - TypeScript does not merge them in
17 | }
18 | 


--------------------------------------------------------------------------------
/nextjs/app/globals.css:
--------------------------------------------------------------------------------
 1 | @tailwind base;
 2 | @tailwind components;
 3 | @tailwind utilities;
 4 | 
 5 | :root {
 6 |   --foreground-rgb: 0, 0, 0;
 7 |   --background-start-rgb: 214, 219, 220;
 8 |   --background-end-rgb: 255, 255, 255;
 9 | }
10 | 
11 | @media (prefers-color-scheme: dark) {
12 |   :root {
13 |     --foreground-rgb: 255, 255, 255;
14 |     --background-start-rgb: 0, 0, 0;
15 |     --background-end-rgb: 0, 0, 0;
16 |   }
17 | }
18 | 
19 | body {
20 |   color: rgb(var(--foreground-rgb));
21 |   background: linear-gradient(
22 |       to bottom,
23 |       transparent,
24 |       rgb(var(--background-end-rgb))
25 |     )
26 |     rgb(var(--background-start-rgb));
27 | }
28 | 


--------------------------------------------------------------------------------
/static/index.html:
--------------------------------------------------------------------------------
 1 | 
 2 | 
 3 |   
 4 |     Home
 5 |     
 6 |     
 7 |     
11 |     
12 |     
13 |   
14 |   
15 |     
19 |     

20 |       
Home page

21 |     

22 |   
23 | 
24 | 


--------------------------------------------------------------------------------
/bolt-expo/app.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "expo": {
 3 |     "name": "bolt-expo-nativewind",
 4 |     "slug": "bolt-expo-nativewind",
 5 |     "version": "1.0.0",
 6 |     "orientation": "portrait",
 7 |     "icon": "./assets/images/icon.png",
 8 |     "scheme": "myapp",
 9 |     "userInterfaceStyle": "automatic",
10 |     "newArchEnabled": true,
11 |     "ios": {
12 |       "supportsTablet": true
13 |     },
14 |     "web": {
15 |       "bundler": "metro",
16 |       "output": "single",
17 |       "favicon": "./assets/images/favicon.png"
18 |     },
19 |     "plugins": ["expo-router", "expo-font", "expo-web-browser"],
20 |     "experiments": {
21 |       "typedRoutes": true
22 |     }
23 |   }
24 | }
25 | 


--------------------------------------------------------------------------------
/bolt-qwik/src/entry.dev.tsx:
--------------------------------------------------------------------------------
 1 | /*
 2 |  * WHAT IS THIS FILE?
 3 |  *
 4 |  * Development entry point using only client-side modules:
 5 |  * - Do not use this mode in production!
 6 |  * - No SSR
 7 |  * - No portion of the application is pre-rendered on the server.
 8 |  * - All of the application is running eagerly in the browser.
 9 |  * - More code is transferred to the browser than in SSR mode.
10 |  * - Optimizer/Serialization/Deserialization code is not exercised!
11 |  */
12 | import { render, type RenderOptions } from '@builder.io/qwik';
13 | import Root from './root';
14 | 
15 | export default function (opts: RenderOptions) {
16 |   return render(document, , opts);
17 | }
18 | 


--------------------------------------------------------------------------------
/web-platform/index.html:
--------------------------------------------------------------------------------
 1 | 
 2 | 
 3 |   
 4 |     Home
 5 |     
 6 |     
 7 |     
11 |     
12 |     
13 |   
14 |   
15 |     
19 |     

20 |       
Home page

21 |     

22 |   
23 | 
24 | 


--------------------------------------------------------------------------------
/bolt-qwik/src/components/starter/footer/footer.tsx:
--------------------------------------------------------------------------------
 1 | import { component$ } from '@builder.io/qwik';
 2 | import { useServerTimeLoader } from '../../../routes/layout';
 3 | import styles from './footer.module.css';
 4 | 
 5 | export default component$(() => {
 6 |   const serverTime = useServerTimeLoader();
 7 | 
 8 |   return (
 9 |     
18 |   );
19 | });
20 | 


--------------------------------------------------------------------------------
/bolt-vite-react-ts/index.html:
--------------------------------------------------------------------------------
 1 | 
 2 | 
 3 |   
 4 |     
 5 |     
 6 |     
 7 |     Vite + React + TS
 8 |     
 9 |     
10 |     
11 |   
12 |   
13 |     

14 |     
15 |   
16 | 
17 | 


--------------------------------------------------------------------------------
/vite-shadcn/index.html:
--------------------------------------------------------------------------------
 1 | 
 2 | 
 3 |   
 4 |     
 5 |     
 6 |     
 7 |     ⚡️ Bolt.new + Vite + React
 8 |     
 9 |     
10 |     
11 |   
12 |   
13 |     

14 |     
15 |   
16 | 
17 | 


--------------------------------------------------------------------------------
/bolt-vite-react-ts/tsconfig.app.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "compilerOptions": {
 3 |     "target": "ES2020",
 4 |     "useDefineForClassFields": true,
 5 |     "lib": ["ES2020", "DOM", "DOM.Iterable"],
 6 |     "module": "ESNext",
 7 |     "skipLibCheck": true,
 8 | 
 9 |     /* Bundler mode */
10 |     "moduleResolution": "bundler",
11 |     "allowImportingTsExtensions": true,
12 |     "isolatedModules": true,
13 |     "moduleDetection": "force",
14 |     "noEmit": true,
15 |     "jsx": "react-jsx",
16 | 
17 |     /* Linting */
18 |     "strict": true,
19 |     "noUnusedLocals": true,
20 |     "noUnusedParameters": true,
21 |     "noFallthroughCasesInSwitch": true
22 |   },
23 |   "include": ["src"]
24 | }
25 | 


--------------------------------------------------------------------------------
/tres/public/favicon-dark.svg:
--------------------------------------------------------------------------------
1 | 
2 | 
3 | 
4 | 
5 | 
6 | 
7 | 


--------------------------------------------------------------------------------
/tres/src/components/TheModel.vue:
--------------------------------------------------------------------------------
 1 | 
21 | 
22 | 
27 | 


--------------------------------------------------------------------------------
/quasar/src/pages/ErrorNotFound.vue:
--------------------------------------------------------------------------------
 1 | 
22 | 
23 | 
30 | 


--------------------------------------------------------------------------------
/nextjs/tsconfig.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "compilerOptions": {
 3 |     "target": "es5",
 4 |     "lib": ["dom", "dom.iterable", "esnext"],
 5 |     "allowJs": true,
 6 |     "skipLibCheck": true,
 7 |     "strict": true,
 8 |     "noEmit": true,
 9 |     "esModuleInterop": true,
10 |     "module": "esnext",
11 |     "moduleResolution": "bundler",
12 |     "resolveJsonModule": true,
13 |     "isolatedModules": true,
14 |     "jsx": "preserve",
15 |     "incremental": true,
16 |     "plugins": [
17 |       {
18 |         "name": "next"
19 |       }
20 |     ],
21 |     "paths": {
22 |       "@/*": ["./*"]
23 |     }
24 |   },
25 |   "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
26 |   "exclude": ["node_modules"]
27 | }
28 | 


--------------------------------------------------------------------------------
/nextjs-shadcn/tsconfig.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "compilerOptions": {
 3 |     "target": "es5",
 4 |     "lib": ["dom", "dom.iterable", "esnext"],
 5 |     "allowJs": true,
 6 |     "skipLibCheck": true,
 7 |     "strict": true,
 8 |     "noEmit": true,
 9 |     "esModuleInterop": true,
10 |     "module": "esnext",
11 |     "moduleResolution": "bundler",
12 |     "resolveJsonModule": true,
13 |     "isolatedModules": true,
14 |     "jsx": "preserve",
15 |     "incremental": true,
16 |     "plugins": [
17 |       {
18 |         "name": "next"
19 |       }
20 |     ],
21 |     "paths": {
22 |       "@/*": ["./*"]
23 |     }
24 |   },
25 |   "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
26 |   "exclude": ["node_modules"]
27 | }
28 | 


--------------------------------------------------------------------------------
/bolt-qwik/src/routes/service-worker.ts:
--------------------------------------------------------------------------------
 1 | /*
 2 |  * WHAT IS THIS FILE?
 3 |  *
 4 |  * The service-worker.ts file is used to have state of the art prefetching.
 5 |  * https://qwik.dev/qwikcity/prefetching/overview/
 6 |  *
 7 |  * Qwik uses a service worker to speed up your site and reduce latency, ie, not used in the traditional way of offline.
 8 |  * You can also use this file to add more functionality that runs in the service worker.
 9 |  */
10 | import { setupServiceWorker } from '@builder.io/qwik-city/service-worker';
11 | 
12 | setupServiceWorker();
13 | 
14 | addEventListener('install', () => self.skipWaiting());
15 | 
16 | addEventListener('activate', () => self.clients.claim());
17 | 
18 | declare const self: ServiceWorkerGlobalScope;
19 | 


--------------------------------------------------------------------------------
/egg/README.md:
--------------------------------------------------------------------------------
 1 | # webcontainer-egg
 2 | 
 3 | ## What is Egg.js
 4 | 
 5 | [Egg.js](https://github.com/eggjs) is an framework for building better enterprise frameworks and apps with Node.js.
 6 | 
 7 | It's opensource by Alibaba, and widely used at China.
 8 | 
 9 | just a showcase for `egg.js`, could only run at `single-mode` due to `tcp-base` is not works well with `webcontainer`.
10 | 
11 | ## QuickStart
12 | 
13 | ```bash
14 | $ npm start
15 | ```
16 | 
17 | ## Refs:
18 | 
19 | - [What is Egg.js](https://eggjs.org/)
20 | - [What is WebContainer](https://blog.stackblitz.com/posts/introducing-webcontainers/)
21 | - [Edit on StackBlitz ⚡️](https://stackblitz.com/edit/webcontainer-egg)
22 | - [GitHub](https://github.com/atian25/webcontainer-egg)
23 | 


--------------------------------------------------------------------------------
/quasar/README.md:
--------------------------------------------------------------------------------
 1 | # Quasar App (app-vite)
 2 | 
 3 | A Quasar Project
 4 | 
 5 | ## Install the dependencies
 6 | 
 7 | ```bash
 8 | yarn
 9 | # or
10 | npm install
11 | ```
12 | 
13 | ### Start the app in development mode (hot-code reloading, error reporting, etc.)
14 | 
15 | ```bash
16 | quasar dev
17 | ```
18 | 
19 | ### Lint the files
20 | 
21 | ```bash
22 | yarn lint
23 | # or
24 | npm run lint
25 | ```
26 | 
27 | ### Format the files
28 | 
29 | ```bash
30 | yarn format
31 | # or
32 | npm run format
33 | ```
34 | 
35 | ### Build the app for production
36 | 
37 | ```bash
38 | quasar build
39 | ```
40 | 
41 | ### Customize the configuration
42 | 
43 | See [Configuring quasar.config.js](https://v2.quasar.dev/quasar-cli-vite/quasar-config-js).
44 | 


--------------------------------------------------------------------------------
/vue/src/App.vue:
--------------------------------------------------------------------------------
 1 | 
12 | 
13 | 
23 | 
24 | 
34 | 


--------------------------------------------------------------------------------
/bolt-qwik/tsconfig.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "compilerOptions": {
 3 |     "allowJs": true,
 4 |     "target": "ES2017",
 5 |     "module": "ES2022",
 6 |     "lib": ["es2022", "DOM", "WebWorker", "DOM.Iterable"],
 7 |     "jsx": "react-jsx",
 8 |     "jsxImportSource": "@builder.io/qwik",
 9 |     "strict": true,
10 |     "forceConsistentCasingInFileNames": true,
11 |     "resolveJsonModule": true,
12 |     "moduleResolution": "Bundler",
13 |     "esModuleInterop": true,
14 |     "skipLibCheck": true,
15 |     "incremental": true,
16 |     "isolatedModules": true,
17 |     "outDir": "tmp",
18 |     "noEmit": true,
19 |     "paths": {
20 |       "~/*": ["./src/*"]
21 |     }
22 |   },
23 |   "files": ["./.eslintrc.cjs"],
24 |   "include": ["src", "./*.d.ts", "./*.config.ts"]
25 | }
26 | 


--------------------------------------------------------------------------------
/tres/README.md:
--------------------------------------------------------------------------------
 1 | ![repo-banner](https://github.com/Tresjs/playground/raw/main/public/github-banner.png)
 2 | 
 3 | # TresJS 🚀 Starter
 4 | 
 5 | > Quick start repo for [Tres.js](https://tresjs.org) projects
 6 | 
 7 | ## Features
 8 | 
 9 | - [Tres.js](https://tresjs.org) and latest [Three.js](https://threejs.org)
10 | - `@tresjs/cientos` package pre-installed 📦
11 | - Shader support (glsl) with [`vite-plugin-glsl`](https://github.com/UstymUkhman/vite-plugin-glsl) 🎨
12 | 
13 | ## Usage
14 | 
15 | ```bash
16 | npx degit tresjs/starter my-tres-project
17 | ```
18 | 
19 | ## Install
20 | 
21 | ```bash
22 | cd my-tres-project
23 | pnpm install
24 | ```
25 | 
26 | ## Run
27 | 
28 | ```bash
29 | pnpm dev
30 | ```
31 | 
32 | ## Build
33 | 
34 | ```bash
35 | pnpm build
36 | ```
37 | 


--------------------------------------------------------------------------------
/tutorialkit/icons/languages/json.svg:
--------------------------------------------------------------------------------
1 | 
2 | 


--------------------------------------------------------------------------------
/bolt-qwik/src/entry.preview.tsx:
--------------------------------------------------------------------------------
 1 | /*
 2 |  * WHAT IS THIS FILE?
 3 |  *
 4 |  * It's the bundle entry point for `npm run preview`.
 5 |  * That is, serving your app built in production mode.
 6 |  *
 7 |  * Feel free to modify this file, but don't remove it!
 8 |  *
 9 |  * Learn more about Vite's preview command:
10 |  * - https://vitejs.dev/config/preview-options.html#preview-options
11 |  *
12 |  */
13 | import { createQwikCity } from '@builder.io/qwik-city/middleware/node';
14 | import qwikCityPlan from '@qwik-city-plan';
15 | // make sure qwikCityPlan is imported before entry
16 | import render from './entry.ssr';
17 | 
18 | /**
19 |  * The default export is the QwikCity adapter used by Vite preview.
20 |  */
21 | export default createQwikCity({ render, qwikCityPlan });
22 | 


--------------------------------------------------------------------------------
/angular/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "angular-starter",
 3 |   "private": true,
 4 |   "scripts": {
 5 |     "ng": "ng",
 6 |     "start": "ng serve",
 7 |     "build": "ng build"
 8 |   },
 9 |   "dependencies": {
10 |     "@angular/animations": "^21.0.3",
11 |     "@angular/common": "^21.0.3",
12 |     "@angular/compiler": "^21.0.3",
13 |     "@angular/core": "^21.0.3",
14 |     "@angular/forms": "^21.0.3",
15 |     "@angular/platform-browser": "^21.0.3",
16 |     "@angular/router": "^21.0.3",
17 |     "rxjs": "^7.8.1",
18 |     "tslib": "^2.5.0",
19 |     "zone.js": "^0.16.0"
20 |   },
21 |   "devDependencies": {
22 |     "@angular/build": "^21.0.2",
23 |     "@angular/cli": "^21.0.2",
24 |     "@angular/compiler-cli": "^21.0.3",
25 |     "typescript": "^5.9.3"
26 |   }
27 | }
28 | 


--------------------------------------------------------------------------------
/nextjs-shadcn/.bolt/prompt:
--------------------------------------------------------------------------------
 1 | For all designs I ask you to make, have them be beautiful, not cookie cutter. Make webpages that are fully featured and worthy for production.
 2 | 
 3 | When using client-side hooks (useState and useEffect) in a component that's being treated as a Server Component by Next.js, always add the "use client" directive at the top of the file.
 4 | 
 5 | Do not write code that will trigger this error: "Warning: Extra attributes from the server: %s%s""class,style"
 6 | 
 7 | By default, this template supports JSX syntax with Tailwind CSS classes, the shadcn/ui library, React hooks, and Lucide React for icons. Do not install other packages for UI themes, icons, etc unless absolutely necessary or I request them.
 8 | 
 9 | Use icons from lucide-react for logos.
10 | 


--------------------------------------------------------------------------------
/bolt-remotion/src/HelloWorld/Subtitle.tsx:
--------------------------------------------------------------------------------
 1 | import React from "react";
 2 | import { interpolate, useCurrentFrame } from "remotion";
 3 | import { COLOR_1, FONT_FAMILY } from "./constants";
 4 | 
 5 | const subtitle: React.CSSProperties = {
 6 |   fontFamily: FONT_FAMILY,
 7 |   fontSize: 40,
 8 |   textAlign: "center",
 9 |   position: "absolute",
10 |   bottom: 140,
11 |   width: "100%",
12 | };
13 | 
14 | const codeStyle: React.CSSProperties = {
15 |   color: COLOR_1,
16 | };
17 | 
18 | export const Subtitle: React.FC = () => {
19 |   const frame = useCurrentFrame();
20 |   const opacity = interpolate(frame, [0, 30], [0, 1]);
21 |   return (
22 |     

23 |       Edit src/Root.tsx and save to reload.
24 |     

25 |   );
26 | };
27 | 


--------------------------------------------------------------------------------
/gsap-nuxt/README.md:
--------------------------------------------------------------------------------
 1 | # Nuxt 3 Minimal Starter
 2 | 
 3 | Look at the [nuxt 3 documentation](https://v3.nuxtjs.org) to learn more.
 4 | 
 5 | ## Setup
 6 | 
 7 | Make sure to install the dependencies:
 8 | 
 9 | ```bash
10 | # yarn
11 | yarn install
12 | 
13 | # npm
14 | npm install
15 | 
16 | # pnpm
17 | pnpm install --shamefully-hoist
18 | ```
19 | 
20 | ## Development Server
21 | 
22 | Start the development server on http://localhost:3000
23 | 
24 | ```bash
25 | npm run dev
26 | ```
27 | 
28 | ## Production
29 | 
30 | Build the application for production:
31 | 
32 | ```bash
33 | npm run build
34 | ```
35 | 
36 | Locally preview production build:
37 | 
38 | ```bash
39 | npm run preview
40 | ```
41 | 
42 | Checkout the [deployment documentation](https://v3.nuxtjs.org/docs/deployment) for more information.
43 | 


--------------------------------------------------------------------------------
/vite-shadcn/tsconfig.app.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "compilerOptions": {
 3 |     "target": "ES2020",
 4 |     "useDefineForClassFields": true,
 5 |     "lib": ["ES2020", "DOM", "DOM.Iterable"],
 6 |     "module": "ESNext",
 7 |     "skipLibCheck": true,
 8 | 
 9 |     /* Bundler mode */
10 |     "moduleResolution": "bundler",
11 |     "allowImportingTsExtensions": true,
12 |     "isolatedModules": true,
13 |     "moduleDetection": "force",
14 |     "noEmit": true,
15 |     "jsx": "react-jsx",
16 | 
17 |     /* Linting */
18 |     "strict": true,
19 |     "noUnusedLocals": true,
20 |     "noUnusedParameters": true,
21 |     "noFallthroughCasesInSwitch": true,
22 | 
23 |     /* for ShadCN */
24 |     "baseUrl": ".",
25 |     "paths": {
26 |       "@/*": ["./src/*"]
27 |     }
28 |   },
29 |   "include": ["src"]
30 | }
31 | 


--------------------------------------------------------------------------------
/astro-shadcn/public/favicon.svg:
--------------------------------------------------------------------------------
 1 | 
 2 |     
 3 |     
 9 | 
10 | 


--------------------------------------------------------------------------------
/bolt-qwik/src/components/starter/header/header.module.css:
--------------------------------------------------------------------------------
 1 | .wrapper {
 2 |   display: flex;
 3 |   align-items: center;
 4 |   justify-content: space-between;
 5 | }
 6 | 
 7 | .logo {
 8 |   display: inline-block;
 9 | }
10 | .logo a {
11 |   display: block;
12 | }
13 | 
14 | .header ul {
15 |   margin: 0;
16 |   padding: 0;
17 |   list-style: none;
18 |   display: flex;
19 |   gap: 30px;
20 | }
21 | 
22 | .header li {
23 |   display: none;
24 |   margin: 0;
25 |   padding: 0;
26 |   font-size: 0.7rem;
27 | }
28 | 
29 | .header li a {
30 |   color: white;
31 |   display: inline-block;
32 |   padding: 0;
33 |   text-decoration: none;
34 | }
35 | 
36 | .header li a:hover {
37 |   color: var(--qwik-light-blue);
38 | }
39 | 
40 | @media (min-width: 450px) {
41 |   .header li {
42 |     display: inline-block;
43 |   }
44 | }
45 | 


--------------------------------------------------------------------------------
/bolt-qwik/src/routes/demo/todolist/todolist.module.css:
--------------------------------------------------------------------------------
 1 | .list {
 2 |   display: flex;
 3 |   flex-direction: column;
 4 |   gap: 20px;
 5 |   color: white;
 6 | }
 7 | 
 8 | .list,
 9 | .empty {
10 |   min-height: 250px;
11 | }
12 | 
13 | .list li {
14 |   list-style: none;
15 | }
16 | 
17 | .empty {
18 |   color: white;
19 |   display: block;
20 | }
21 | 
22 | .input {
23 |   background: white;
24 |   color: var(--qwik-light-blue);
25 |   border: none;
26 |   border-radius: 8px;
27 |   padding: 15px 20px;
28 |   margin-right: 10px;
29 |   font-size: 0.8rem;
30 | }
31 | 
32 | .hint {
33 |   font-size: 0.8rem;
34 |   color: white;
35 |   margin-top: 30px;
36 | }
37 | 
38 | @media screen and (min-width: 768px) {
39 |   .input {
40 |     padding: 23px 35px;
41 |     margin-right: 20px;
42 |     font-size: 1rem;
43 |   }
44 | }
45 | 


--------------------------------------------------------------------------------
/graphql/index.js:
--------------------------------------------------------------------------------
 1 | const express = require('express');
 2 | const { graphqlHTTP } = require('express-graphql');
 3 | const { buildSchema } = require('graphql');
 4 | 
 5 | // Construct a schema, using GraphQL schema language
 6 | const schema = buildSchema(`
 7 |   type Query {
 8 |     hello: String
 9 |   }
10 | `);
11 | 
12 | // The root provides a resolver function for each API endpoint
13 | const root = {
14 |   hello: () => {
15 |     return 'Hello, world!';
16 |   },
17 | };
18 | 
19 | const app = express();
20 | 
21 | app.use(
22 |   '/',
23 |   graphqlHTTP({
24 |     schema: schema,
25 |     rootValue: root,
26 |     graphiql: {
27 |       defaultQuery: '{\n  hello\n}\n',
28 |     },
29 |   })
30 | );
31 | 
32 | app.listen(4000, () =>
33 |   console.log('Running a GraphQL API server at http://localhost:4000/')
34 | );
35 | 


--------------------------------------------------------------------------------
/bolt-qwik/src/components/starter/next-steps/next-steps.module.css:
--------------------------------------------------------------------------------
 1 | .gettingstarted {
 2 |   display: flex;
 3 |   color: white;
 4 |   flex-direction: column;
 5 |   justify-content: center;
 6 |   align-items: center;
 7 |   height: 280px;
 8 |   line-height: 1.5;
 9 |   gap: 10px;
10 |   max-width: 600px;
11 |   margin: 0 auto;
12 | }
13 | 
14 | .gettingstarted .intro {
15 |   font-size: 1rem;
16 |   width: 100%;
17 |   word-break: break-word;
18 | }
19 | .gettingstarted .hint {
20 |   font-size: 0.8rem;
21 | }
22 | .gettingstarted .hint a {
23 |   color: var(--qwik-dark-purple);
24 | }
25 | 
26 | @media screen and (min-width: 768px) {
27 |   .gettingstarted {
28 |     height: 180px;
29 |   }
30 |   .gettingstarted .intro {
31 |     font-size: 1.2rem;
32 |   }
33 |   .gettingstarted .hint {
34 |     font-size: 1rem;
35 |   }
36 | }
37 | 


--------------------------------------------------------------------------------
/bolt-qwik/src/components/starter/hero/hero.module.css:
--------------------------------------------------------------------------------
 1 | .hero {
 2 |   display: flex;
 3 |   vertical-align: middle;
 4 |   flex-direction: column;
 5 |   flex-wrap: nowrap;
 6 |   align-items: center;
 7 |   height: 450px;
 8 |   justify-content: center;
 9 |   gap: 40px;
10 | }
11 | 
12 | .hero-image {
13 |   width: 100%;
14 |   position: absolute;
15 |   height: auto;
16 |   object-fit: cover;
17 |   z-index: -1;
18 |   opacity: 0.2;
19 |   pointer-events: none;
20 | }
21 | 
22 | .hero p {
23 |   color: white;
24 |   margin: 0;
25 |   font-size: 1rem;
26 | }
27 | 
28 | .button-group {
29 |   display: flex;
30 |   flex-direction: row;
31 |   gap: 24px;
32 | }
33 | 
34 | @media screen and (min-width: 768px) {
35 |   .hero {
36 |     gap: 60px;
37 |     height: 500px;
38 |   }
39 | 
40 |   .hero p {
41 |     font-size: 1.3rem;
42 |   }
43 | }
44 | 


--------------------------------------------------------------------------------
/rxjs/style.css:
--------------------------------------------------------------------------------
 1 | :root {
 2 |   --bg-color: #15181e;
 3 |   --font-base: aliceblue;
 4 |   --code-base: fuchsia;
 5 |   --callout: lime;
 6 |   --pre-bg-color: #24282c;
 7 | }
 8 | 
 9 | body {
10 |   margin: 0;
11 |   padding: 1rem;
12 |   font-family: system-ui, sans-serif;
13 |   line-height: 1.5;
14 |   color: var(--font-base);
15 |   background-color: var(--bg-color);
16 | }
17 | 
18 | header {
19 |   text-align: center;
20 | }
21 | 
22 | section {
23 |   padding: 1.2em 0 0 0;
24 | }
25 | 
26 | h1,
27 | h2,
28 | h3,
29 | h4,
30 | h5,
31 | h6,
32 | p {
33 |   margin: 0.3em 0 0.2em 0;
34 | }
35 | 
36 | code {
37 |   color: var(--code-base);
38 | }
39 | 
40 | .callout {
41 |   color: var(--callout);
42 | }
43 | 
44 | pre {
45 |   white-space: pre-wrap;
46 |   padding: 10px;
47 |   color: var(--code-base);
48 |   background-color: var(--pre-bg-color);
49 | }
50 | 


--------------------------------------------------------------------------------
/vite-shadcn/src/components/ui/label.tsx:
--------------------------------------------------------------------------------
 1 | import * as React from 'react';
 2 | import * as LabelPrimitive from '@radix-ui/react-label';
 3 | import { cva, type VariantProps } from 'class-variance-authority';
 4 | 
 5 | import { cn } from '@/lib/utils';
 6 | 
 7 | const labelVariants = cva(
 8 |   'text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70'
 9 | );
10 | 
11 | const Label = React.forwardRef<
12 |   React.ElementRef,
13 |   React.ComponentPropsWithoutRef &
14 |     VariantProps
15 | >(({ className, ...props }, ref) => (
16 |   
21 | ));
22 | Label.displayName = LabelPrimitive.Root.displayName;
23 | 
24 | export { Label };
25 | 


--------------------------------------------------------------------------------
/astro-shadcn/src/components/ui/label.tsx:
--------------------------------------------------------------------------------
 1 | import * as React from 'react';
 2 | import * as LabelPrimitive from '@radix-ui/react-label';
 3 | import { cva, type VariantProps } from 'class-variance-authority';
 4 | 
 5 | import { cn } from '@/lib/utils';
 6 | 
 7 | const labelVariants = cva(
 8 |   'text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70'
 9 | );
10 | 
11 | const Label = React.forwardRef<
12 |   React.ElementRef,
13 |   React.ComponentPropsWithoutRef &
14 |     VariantProps
15 | >(({ className, ...props }, ref) => (
16 |   
21 | ));
22 | Label.displayName = LabelPrimitive.Root.displayName;
23 | 
24 | export { Label };
25 | 


--------------------------------------------------------------------------------
/quasar/src/css/quasar.variables.scss:
--------------------------------------------------------------------------------
 1 | // Quasar SCSS (& Sass) Variables
 2 | // --------------------------------------------------
 3 | // To customize the look and feel of this app, you can override
 4 | // the Sass/SCSS variables found in Quasar's source Sass/SCSS files.
 5 | 
 6 | // Check documentation for full list of Quasar variables
 7 | 
 8 | // Your own variables (that are declared here) and Quasar's own
 9 | // ones will be available out of the box in your .vue/.scss/.sass files
10 | 
11 | // It's highly recommended to change the default colors
12 | // to match your app's branding.
13 | // Tip: Use the "Theme Builder" on Quasar's documentation website.
14 | 
15 | $primary: #00b4ff;
16 | $secondary: #26a69a;
17 | $accent: #9c27b0;
18 | 
19 | $dark: #1d1d1d;
20 | 
21 | $positive: #21ba45;
22 | $negative: #c10015;
23 | $info: #31ccec;
24 | $warning: #f2c037;
25 | 


--------------------------------------------------------------------------------
/bolt-remotion/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "bolt-remotion-starter",
 3 |   "version": "1.0.0",
 4 |   "description": "My Remotion video",
 5 |   "scripts": {
 6 |     "dev": "remotion studio",
 7 |     "build": "remotion render",
 8 |     "upgrade": "remotion upgrade",
 9 |     "test": "eslint src && tsc"
10 |   },
11 |   "repository": {},
12 |   "license": "UNLICENSED",
13 |   "dependencies": {
14 |     "@remotion/cli": "^4.0.0",
15 |     "@remotion/zod-types": "^4.0.0",
16 |     "react": "^19.0.0",
17 |     "react-dom": "^19.0.0",
18 |     "remotion": "^4.0.0",
19 |     "zod": "3.22.3"
20 |   },
21 |   "devDependencies": {
22 |     "@remotion/eslint-config-flat": "^4.0.0",
23 |     "@types/react": "^19.0.9",
24 |     "@types/web": "0.0.166",
25 |     "eslint": "^9.20.1",
26 |     "prettier": "3.3.3",
27 |     "typescript": "5.6.2"
28 |   },
29 |   "private": true
30 | }
31 | 


--------------------------------------------------------------------------------
/bolt-expo/app/+not-found.tsx:
--------------------------------------------------------------------------------
 1 | import { Link, Stack } from 'expo-router';
 2 | import { StyleSheet, Text, View } from 'react-native';
 3 | 
 4 | export default function NotFoundScreen() {
 5 |   return (
 6 |     <>
 7 |       
 8 |       
 9 |         This screen doesn't exist.
10 |         
11 |           Go to home screen!
12 |         
13 |       
14 |     
15 |   );
16 | }
17 | 
18 | const styles = StyleSheet.create({
19 |   container: {
20 |     flex: 1,
21 |     alignItems: 'center',
22 |     justifyContent: 'center',
23 |     padding: 20,
24 |   },
25 |   text: {
26 |     fontSize: 20,
27 |     fontWeight: 600,
28 |   },
29 |   link: {
30 |     marginTop: 15,
31 |     paddingVertical: 15,
32 |   },
33 | });
34 | 


--------------------------------------------------------------------------------
/nextjs-shadcn/components/ui/label.tsx:
--------------------------------------------------------------------------------
 1 | 'use client';
 2 | 
 3 | import * as React from 'react';
 4 | import * as LabelPrimitive from '@radix-ui/react-label';
 5 | import { cva, type VariantProps } from 'class-variance-authority';
 6 | 
 7 | import { cn } from '@/lib/utils';
 8 | 
 9 | const labelVariants = cva(
10 |   'text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70'
11 | );
12 | 
13 | const Label = React.forwardRef<
14 |   React.ElementRef,
15 |   React.ComponentPropsWithoutRef &
16 |     VariantProps
17 | >(({ className, ...props }, ref) => (
18 |   
23 | ));
24 | Label.displayName = LabelPrimitive.Root.displayName;
25 | 
26 | export { Label };
27 | 


--------------------------------------------------------------------------------
/vite-shadcn/src/components/ui/textarea.tsx:
--------------------------------------------------------------------------------
 1 | import * as React from 'react';
 2 | 
 3 | import { cn } from '@/lib/utils';
 4 | 
 5 | export interface TextareaProps
 6 |   extends React.TextareaHTMLAttributes {}
 7 | 
 8 | const Textarea = React.forwardRef(
 9 |   ({ className, ...props }, ref) => {
10 |     return (
11 |