SveltePress
threlte
Our great sponsors
SveltePress | threlte | |
---|---|---|
8 | 22 | |
211 | 1,795 | |
- | 5.9% | |
9.7 | 9.9 | |
almost 2 years ago | 7 days ago | |
Svelte | Svelte | |
The Unlicense | 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.
SveltePress
-
KitDocs: Docs integration for SvelteKit (Vitepress alternative for Svelte)
I'm the author of SveltePress and as of some days ago I decided to declare the project EOL (due to limited time & constant feedback).
-
[AMA] IBM Carbon contributor – what are some pain points that you have when using Carbon? What are the "must haves"? What is your use case? More broadly, what would you like to see in Svelte design systems?
I don't personally have any feedback, but I'd transfer an issue/feedback from SveltePress (that might be outside of your control): The included font has some anti aliasing issues that are fixed by IBM Plex Sans VF. However that has its own issues, more on that along with the reporter's feedback at SveltePress#75.
-
How am I supposed to use IBM's Svelte Carbon Components when the CSS is so stupidly high?
Apart from the preprocessor, you can also just import only the css you need. I do it with SveltePress here: https://github.com/GeopJr/SveltePress/blob/main/src/lib/SveltePress/theme/styles/global.scss.
-
Help: Wasted my 3 hours with carbon components svelte
from: https://carbon-svelte.vercel.app/components/DataTable So headers is an array of objects with two keys (key, value) with string values and rows is an array of objects with a unique id key and string values that match the keys set in headers (eg Headers have a key with the value protocol so rows can set that in the table by setting their protocol key to the value you want). On SveltePress I override some of carbon's styles using a patches.scss file. You can then directly import it. Other than that, if you need more help with carbon components, feel free to take a look on these: Use of data table: https://github.com/GeopJr/SveltePress/blob/main/create-sveltepress-app/ui/src/routes/index.svelte Use of other carbon components: https://github.com/GeopJr/SveltePress/tree/main/src/lib/SveltePress/theme Carbon components source (very readable): https://github.com/carbon-design-system/carbon-components-svelte/blob/master/src/
-
SvelteKit: Preprocessing Images?
Hi, I'm the author of SveltePress and got into a similar situation while working on the GUIs.
-
Open Source documentation database, like redmine.
Have a look at https://sveltepress.geopjr.dev/
-
SveltePress: Documentation for humans. (Similar to VuePress)
SveltePress is public domain allowing you to do whatever you want with it :)
threlte
-
Mario meets Pareto: multi-objective optimization of Mario Kart builds
more specifically it's using the svelte wrapper of three.js called Threlte: https://threlte.xyz/
- Threlte: A Three.js component library for Svelte
- A Three.js component library for Svelte
-
What is your experience with JavaScript libraries for 3D graphics?
Three.js is great when there is a layer between me and it's API. Been playing with https://threlte.xyz/ and really enjoying it.
-
Is there a way to improve the performance of this visual element in Svelte?
Maybe try https://threlte.xyz/
-
threejs and interactive meshes
Now this is a very high level overview and a lot of really important stuff is missing. Things like event propagation, pointermissed events, different event targets, a super clean syntax and more is all implemented in Threlte 6's interactivity plugin. Check out the code here.
-
SvelteKit GPT-4 Plug-in RFC
GPT-4 is a fantastic tool for coding, really looking forward to using it with the latest Svelte docs. Perhaps consider adding the documentation for Threlte?
-
When building scenes do you use any visual tool or just do it all in code?
) with complex functionality, since the app needed a graphics pipeline and I wanted to write one up myself. The next page I made did not need a pipeline, so I opted to use Threlte (a Svelte version of react-three-fiber) to make the code simpler to write and easier to maintain. If a scene you want to create has a lot of different meshes, materials, animations, etc. you might be best off using Blender to get it looking perfect. You can export from Blender as .gltf files which can be imported into Three. If you want a more specialized solution, I'd need to know your use case a little better. How are you building the scenes?
-
I made a 3D Chess board integrated with Lichess using Svelte/Threlte
Hey, awesome work! Check out gltf.report for a quick and easy tool that can resize textures, prune objects and weld/simplify geometry. I’m not sure what Threlte version you’re using, but starting from Threlte 6 which is coming in the next weeks we’re recommending @threlte/gltf for the best possible gltf workflow. Check out our Discord if you need any help!
-
Question about 3D timeline carousel (from Dior site)
Hey! Check out Threlte, it might be what you’re looking for. Also check out our Discord, someone posted a 3D scrollytelling Starter :)
What are some alternatives?
sveltekit-instagram-infinite-scroll - SvelteKit infinite scroll: see how you can use Svelte stores and a reactive function to implement an infinite scrolling Instagram feed.
flowbite-svelte - Official Svelte components built for Flowbite and Tailwind CSS
three-graces-svelte-cubed
carbon-components-svelte - Svelte implementation of the Carbon Design System
kit-docs - Documentation integration for SvelteKit.
sveltekit-isr-cloudflare-workers - Incremental static regeneration for SvelteKit on Cloudflare Workers
threejs-volumetric-spotlight - Volumetric spotlight with three.js
sveltekit-netlify-stripe-fauna-example - SaaS boilerplate example with SvelteKit + Tailwind + Netlify Identity (GoTrue) + Stripe + Fauna.
rapier - 2D and 3D physics engines focused on performance.
sveltekit-hcaptcha-form - SvelteKit hCaptcha contact form: see how you can scare bots away from your Svelte site using a privacy focussed captcha service.
three-minifier - Minify THREE.js