svelte-material-ui
svelte-spa-router
Our great sponsors
svelte-material-ui | svelte-spa-router | |
---|---|---|
32 | 17 | |
3,244 | 1,470 | |
- | - | |
7.9 | 5.7 | |
about 1 month ago | 20 days ago | |
Svelte | JavaScript | |
Apache License 2.0 | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
svelte-material-ui
- UI kits, form validation, SPA routing. Why basic libraries are so hard to find.
- i wanna use svelte but i find UI libraries to be far better in react/vue(MUI,chakra,mantine,ant,etc)...anyway i can use those libraries in svelte?
-
Is there any Vuetify alternative for svelte (or svelte-kit) ?
Sveltematerialui (SMUI): GitHub: https://github.com/hperrin/svelte-material-ui SMUI is a Svelte wrapper for Material-UI, which is one of the most popular Material Design libraries. It provides a collection of components that follow the Material Design guidelines and can be easily integrated into Svelte projects.
-
SvelteKit dashboard app
For material UI you can use: https://sveltematerialui.com. It works fine although my experience with it is minimal. For tailwind you can run npx svelte-add tailwindcss.
-
Building a multi-framework dashboard with Astro
As I mentioned at the beginning of this article, we’re using Svelte Material UI. To install it in our project, we have to first add it to our dependencies:
-
Svelte(Kit) Top 10 Wishlist for 2023
I know everyone loves Tailwind; I do too. However, there are too many things we take for granted with Material Design. Try and add a simple Date Picker to a Svelte Project. The Materialify project was abandoned (as well as the potential re-write SvelterialJS). The Svelte Material UI hasn't been updated in months, has poor documentation, and may well be on its way to be abandoned as well. Angular Material is well supported by Goodle, React MUI is in the process of getting updated, and so is Vuetify. SolidJS just built a translator for React MUI, and I think it is buggy and doesn't support Solid Start yet. Vercel should donate $$ monthly to support Svelte Material UI. It also needs to add components outside of Material Web (like Datepicker) that the Vue, Angular, and React alternatives support. Material UI is the standard for a reason. Another option would be to find a good translator like Mitosis, but I don't see that happening in this case. That being said, there are some alpha and beta UI Frameworks worth looking at like Skelton and SvelteUI (based on Tailwind). https://sveltematerialui.com/ https://www.skeleton.dev/ https://www.svelteui.org/
-
How to use a web component library with sveltejs?
The issues I've seen with SMUI have to do with TypeScript support (example), but these should be solved in the upcoming release 7.0.
-
A good Material UI Lib?
HI all! I am looking for a good Material UI framework to use with Sveltekit! I have been trying to use SMUI from sveltematerialui.com, however it seems to cause tons of issues and the github issues don't seem to want to fix many of them, it seems like it isn't fully prod ready. I have looked at materialify, it seems good, however it hasn't been updated in the past 12 months, so I am not sure about the status of that. Option 3 would be me making all styles myself.... but that is quite a bit of work and I would like to have something working before the end of the month. Does anyone have any good alternatives to these? I have looked into Google's material libs, but they seem geared towards react and I am not sure if I want to mix things up that much. There must be matieral only CSS libs around that will play well with Tailwind, but I haven't had much luck finding anything (open source) that works well.
-
What component libraries are available
I'm using SMUI- the Svelte Material UI inspired by the design on Google sites and Android.
-
What programming language frontend and backend is most likely used here? I just started learning programming and want to make a project similar to this, and any advice what should I learn to make something like this? Thank you!
Although this could also be done with some other framework like React, Vue, Svelte, etc.I think using a variant of the MaterialUI with its various widgets (user interface elements that can be used to build your app) will give you the look and feel you are looking for, see https://mui.com/ for React or https://sveltematerialui.com/ for Svelte
svelte-spa-router
- Svelte 4 Released
- UI kits, form validation, SPA routing. Why basic libraries are so hard to find.
- Svelte-spa-router: Router for SPAs using Svelte 3
-
[Q] Can I use sveltekit with rust?
But the choice depends on the type of application though. If your routes are not dynamic (not using variables within route) then you can use static site generation (SSG) which will generate the various html files. Otherwise you need to use the same file (index.html#my/dynamic/route/5). To my knowledge svelteKit doesn't support hash-based routes. You might be able to configure routing without it, but if you need that, you me be better off to use svelte with svelte-spa-router and not sveltekit.
-
Thoughts on Svelte
https://github.com/ItalyPaleAle/svelte-spa-router seems good too.
but it's not official, and Svelte project seems careless for client routing, instead it tries to convince everyone use its SSR-first kit, that "can do CSR too", which means you have to carry the whole SSR code base and its documentation into your CSR project totally unnecessarily.
I get it Vercel needs SSR for its business, I don't get it why it keeps selling everyone that "my SSR-first framework is great for CSR SPA too", it is NOT, not at all.
-
SvelteKit worth?
For a simple static site you can just use svelte with svelte-spa-router. If you want SSG, use Astro, it's a lot more mature than SvelteKit.
-
How do i make the Nav links work in Svelte?
Svelte SPA Router - You need a router. NextJS, which you have experienced in, comes with a router.
-
Some front-end web technologies you should be aware of as a newcomer 🧐
Svelte SPA Router
-
svelte-spa-router not registating external hash change
I am using Keycloak for logging into my app and svelte-spa-router for hash based routing inside my SPA. After successful login, Keycloak should redirect back to http://localhost:1234/#/myRoute . However, Keycloak appends some suffixes to this route. The route ends up looking something like this: http://localhost:1234/#/myRoute&state=hexstring&session_state=hexstring... etc As I defined my route (inside routes.js) as /myRoute , the router fails to parse the URL returned by keycloak. Looking at the source code I noticed that keycloak changes the URL back to the "clean" parameterless URL: http://localhost:1234/#/myRoute using a call to window.location.replaceState . Unfortunately, this call does not get reflected in the spa-routers internal svelte store (i.e. $location).
-
My Evaluation of SvelteKit for Full-Stack Web App Development
How does Routify compare with svelte-spa-router[1]? I really like svelte-spa-router for a simple SPA, though I think a lot of SPA routers don't always handle state well.
What are some alternatives?
svelte-materialify - A Material UI Design Component library for Svelte heavily inspired by vuetify.
svelte-routing - A declarative Svelte routing library with SSR support
sveltestrap - Bootstrap 4 & 5 components for Svelte
svelte-routify-windi-vite - Svelte Starter template with Routify file-based router, WindiCSS Tailwind compiler and Vite
kahi-ui - Straight-forward Svelte UI for the Web
awesome-sveltekit - Awesome examples of SvelteKit in the wild
carbon-components-svelte - Svelte implementation of the Carbon Design System
electron-sveltekit - Electron and SvelteKit integration
sveltekit-blog-mdx - SvelteKit MDX starter blog with MDsveX (Svelte in markdown)
svelte-starter-kit - Svelte with brilliant bells and useful whistles
Svelte - Cybernetically enhanced web apps
routify - Automated Svelte routes