phantom-ui
Structure-aware skeleton loader. One Web Component, every framework.
File Explorer
Download Latest Version (.zip)- logo-phantom.svg
- phantom-ui-preview.svg
- phantom-ui-text.svg
- social-preview.png
- social-preview.svg
- bug_report.yml
- config.yml
- feature_request.yml
- ci.yml
- deploy-docs.yml
- publish.yml
- pull_request_template.md
- pre-commit
- main.ts
- preview.ts
- no-mixed-type-imports.grit
- extensions.json
- launch.json
- favicon.svg
- hero.svg
- phantom-ui.cdn.js
- social-preview.png
- generate-changelog.mjs
- sync-cdn.mjs
- hero.svg
- houston.webp
- logo.svg
- Demo.astro
- GetStartedBtn.astro
- GitHubBtn.astro
- Head.astro
- Header.astro
- ThemeToggle.astro
- angular.mdx
- htmx.mdx
- qwik.mdx
- react.mdx
- solid.mdx
- ssr.md
- svelte.mdx
- vue.mdx
- data-fetching.md
- design-systems.md
- installation.mdx
- introduction.md
- quick-start.mdx
- api-stability.md
- attributes.md
- css-custom-properties.md
- data-attributes.md
- how-it-works.md
- typescript.mdx
- index.mdx
- demo.astro
- custom.css
- content.config.ts
- .gitignore
- astro.config.mjs
- bun.lock
- package.json
- README.md
- tsconfig.json
- extensions.json
- launch.json
- mcp.json
- tasks.json
- favicon.ico
- app.config.ts
- app.routes.ts
- app.ts
- index.html
- main.ts
- styles.css
- .gitignore
- .prettierrc
- angular.json
- package.json
- README.md
- tsconfig.app.json
- tsconfig.json
- index.html
- launch.json
- qwik-city.code-snippets
- qwik.code-snippets
- poppins-400.woff2
- poppins-500.woff2
- poppins-700.woff2
- favicon.svg
- manifest.json
- robots.txt
- router-head.tsx
- counter.module.css
- counter.tsx
- footer.module.css
- footer.tsx
- gauge.module.css
- index.tsx
- header.module.css
- header.tsx
- hero.module.css
- hero.tsx
- qwik.tsx
- infobox.module.css
- infobox.tsx
- next-steps.module.css
- next-steps.tsx
- thunder.png
- flower.css
- index.tsx
- index.tsx
- todolist.module.css
- index.tsx
- layout.tsx
- styles.css
- entry.dev.tsx
- entry.preview.tsx
- entry.ssr.tsx
- global.css
- phantom-ui.d.ts
- root.tsx
- .gitignore
- .prettierignore
- eslint.config.js
- package.json
- qwik.env.d.ts
- README.md
- tsconfig.json
- vite.config.ts
- favicon.svg
- icons.svg
- hero.png
- react.svg
- vite.svg
- App.css
- App.tsx
- index.css
- main.tsx
- phantom-ui.d.ts
- .gitignore
- eslint.config.js
- index.html
- package.json
- README.md
- tsconfig.app.json
- tsconfig.json
- tsconfig.node.json
- vite.config.ts
- api.ts
- App.tsx
- main.tsx
- phantom-ui.d.ts
- styles.css
- index.html
- package.json
- tsconfig.json
- vite.config.ts
- favicon.svg
- icons.svg
- hero.png
- solid.svg
- vite.svg
- App.css
- App.tsx
- index.css
- index.tsx
- phantom-ui.d.ts
- .gitignore
- index.html
- package.json
- README.md
- tsconfig.app.json
- tsconfig.json
- tsconfig.node.json
- vite.config.ts
- k-header.css
- k-header.tsx
- k-text.css
- k-text.tsx
- components.d.ts
- index.html
- .gitignore
- package.json
- stencil.config.ts
- tsconfig.json
- extensions.json
- favicon.svg
- icons.svg
- hero.png
- vite.svg
- vue.svg
- HelloWorld.vue
- App.vue
- main.ts
- style.css
- .gitignore
- index.html
- package.json
- README.md
- tsconfig.app.json
- tsconfig.json
- tsconfig.node.json
- vite.config.ts
- index.html
- assert-example-rendering.mjs
- generate-ssr-css.ts
- generate-standalone-types.mjs
- smoke-playground.mjs
- verify-package.mjs
- init.mjs
- block-renderer.ts
- constants.ts
- content-visibility.ts
- dom-measurement.ts
- hiding-css.ts
- light-dom-styles.ts
- phantom-ui.stories.ts
- phantom-ui.styles.ts
- phantom-ui.ts
- ssr.css
- types.ts
- init.test.mjs
- phantom-ui.test.ts
- ssr-css.test.ts
- .gitignore
- biome.json
- bun.lock
- CODE_OF_CONDUCT.md
- CONTRIBUTING.md
- custom-elements-manifest.config.mjs
- custom-elements.json
- LICENSE
- package.json
- README.md
- SECURITY.md
- tsconfig.json
- web-test-runner.config.mjs
# Installation Guide
1. Get the code
git clone https://github.com/Aejkatappaja/phantom-ui
Downloads the entire project code from GitHub to your computer.
cd phantom-ui
Moves into the project folder you just downloaded.
2. Node.js
Easy RecommendedPrerequisites
npm install @aejkatappaja/phantom-ui # npm
Downloads and installs the libraries listed in package.json.
pnpm add @aejkatappaja/phantom-ui # pnpm
Type this command into your terminal and run it.
yarn add @aejkatappaja/phantom-ui # yarn
Type this command into your terminal and run it.
<script src="https://cdn.jsdelivr.net/npm/@aejkatappaja/phantom-ui/dist/phantom-ui.cdn.js"></script>
Type this command into your terminal and run it.
npx @aejkatappaja/phantom-ui init # npm
Type this command into your terminal and run it.
After running the command, open the address shown in the terminal (usually something like http://localhost:3000) in your browser.
Pulled directly from this repo's README.
// repository documentation
Was this content helpful?
(0 ratings)