Gathering detailed insights and metrics for mx-ui-components
Gathering detailed insights and metrics for mx-ui-components
Installations
npm install mx-ui-componentsDeveloper Guide
BETA
Typescript
Yes
Module System
ESM
Min. Node Version
>=20.0.0
Node Version
20.19.2
NPM Version
10.8.2
Releases
Unable to fetch releases
Download Statistics
Total Downloads
0
Last Day
0
Last Week
0
Last Month
0
Last Year
0
Maintainers
1
Package Meta Information
Latest Version
0.0.717-alpha.56
Package Id
mx-ui-components@0.0.717-alpha.56
Unpacked Size
28.41 MB
Size
6.85 MB
File Count
366
NPM Version
10.8.2
Node Version
20.19.2
Published on
Jul 04, 2025
Total Downloads
Cumulative downloads
Total Downloads
NaN
Last Day
0%
NaN
Compared to previous day
Last Week
0%
NaN
Compared to previous week
Last Month
0%
NaN
Compared to previous month
Last Year
0%
NaN
Compared to previous year
Weekly Downloads
Monthly Downloads
Yearly Downloads
Dependencies
58
@codemirror/lang-javascript@floating-ui/dom@google-cloud/translate@inlang/core@inlang/paraglide-sveltekit@mobius/bob-modeler-extensions@storybook/addon-postcss@storybook/addon-themes@tiptap/core@tiptap/extension-focus@tiptap/extension-font-size@tiptap/extension-image@tiptap/extension-link@tiptap/extension-mention@tiptap/extension-placeholder@tiptap/extension-table@tiptap/extension-table-cell@tiptap/extension-table-header@tiptap/extension-table-row@tiptap/extension-text-align@tiptap/extension-text-style@tiptap/extension-underline@tiptap/starter-kit@types/cytoscape@xmldom/xmldomansi-to-htmlapexchartsclsxcytoscapedate-fnsdrawflowechartsemailjs-comflowbite-svelte-iconshighlight.jshtml2canvashtmx.orgjspdfleafletmarkedmonaco-editormonaco-yamlprosemirror-stateprosemirror-viewsocket.io-clientstyle-dictionarysvelte-codemirror-editorsvelte-json-treetailwind-mergetailwind-variantstiptap-unique-idvite-plugin-css-injected-by-jsvite-plugin-monaco-editorwavesurfer.jsxlsxxml-jsxpathyaml
Peer Dependencies
3
Dev Dependencies
50
@changesets/cli@chromatic-com/storybook@playwright/test@popperjs/core@storybook/addon-essentials@storybook/addon-interactions@storybook/addon-links@storybook/addon-svelte-csf@storybook/blocks@storybook/builder-vite@storybook/svelte@storybook/svelte-vite@storybook/sveltekit@storybook/test@sveltejs/adapter-auto@sveltejs/kit@sveltejs/package@sveltejs/vite-plugin-svelte@svitejs/changesets-changelog-github-compact@types/drawflow@types/eslint@types/leaflet@types/nodeautoprefixereslinteslint-config-prettiereslint-plugin-storybookeslint-plugin-svelteglobalsnodemonpostcsspostcss-loaderprettierprettier-plugin-svelteprettier-plugin-tailwindcsspublintrollup-plugin-postcssrunaticsrunes-meta-tagsstorybooksveltesvelte-checksvelte-lib-helperssvelte-rune-highlighttailwindcsstslibtsxtypescripttypescript-eslintvite
Svelte 5 UI Lib
Svelte 5 UI Lib is a UI library built from scratch to leverage Svelte 5's runes system, creating smooth, reactive components.
Installation
Install svelte, tailwindcss, and svelte-5-ui-lib, update dependencies and install the latest:
1npx sv create myapp // select to install tailwindcss 2cd myapp 3pnpm install 4pnpm run dev 5pnpm i -D svelte-5-ui-lib
Add the following to tailwind.config.js:
1import type { Config } from 'tailwindcss'; 2 3export default { 4 content: ['./src/**/*.{html,js,svelte,ts}', './node_modules/svelte-5-ui-lib/**/*.{html,js,svelte,ts}', './node_modules/flowbite-svelte-icons/**/*.{html,js,svelte,ts}'], 5 darkMode: 'selector', 6 theme: { 7 extend: { 8 colors: { 9 primary: { 50: '#FFF5F2', 100: '#FFF1EE', 200: '#FFE4DE', 300: '#FFD5CC', 400: '#FFBCAD', 500: '#FE795D', 600: '#EF562F', 700: '#EB4F27', 800: '#CC4522', 900: '#A5371B' }, 10 secondary: { "50": "#f0f9ff", "100": "#e0f2fe", "200": "#bae6fd", "300": "#7dd3fc", "400": "#38bdf8", "500": "#0ea5e9", "600": "#0284c7", "700": "#0369a1", "800": "#075985", "900": "#0c4a6e" }, 11 } 12 } 13 }, 14} as Config;
License
MIT
No vulnerabilities found.
No security vulnerabilities found.