pollen
svelte-ionic-app
pollen | svelte-ionic-app | |
---|---|---|
19 | 40 | |
856 | 715 | |
0.5% | - | |
0.0 | 4.8 | |
5 months ago | 27 days ago | |
TypeScript | Svelte | |
MIT License | 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.
pollen
-
Why does everyone love tailwind
So frameworks like https://www.pollen.style/ are doing this. Personally I still prefer the tailwind approach.
-
Tailwind CSS and the death of web craftsmanship
I do think that the real value of Tailwind comes from the utility classes, rather than css-in-html paradigm. You could achieve the same, for example, with Pollen.css [0] or Open Props [1].
[0] https://github.com/heybokeh/pollen
[1] https://github.com/argyleink/open-props
-
Is vanilla CSS enough?
Tailwind is a great option to look into, I really enjoy it, but if you want something a bit more in-between, you can check out frameworks like https://www.pollen.style. There you get a framework of consistent CSS variables you can use, while still writing all your vanilla CSS yourself with full control of everything.
-
What UI framework would you recommend?
It uses UnoCSS (think TailwindCSS but super customizeable) with Pollen (which is similar to open props).
-
Open Props: Tailwind Alternative from Chrome Dev Team
Very similar to Pollen (https://www.pollen.style), though it looks a little more complicated.
IMO the main value of Tailwind is that it's a step function over your units and colors, which helps bring better consistency and dev speed to UI implementation.
Tailwind's "write class names instead of CSS" approach makes sense in the component-based systems most apps are built in these days, where pretty much any repeated markup will be turned into a component. It performs better than scoped styles and is less complicated.
A CSS variable approach like Open Props or Pollen is, in my experience, better if you're not using a component-based system (ie. conventional HTML) and therefore have repeated markup patterns. Having a simple class name to apply to repeated markup is much more maintainable than trying to copy/paste a long tailwind string around.
- Pollen, the CSS variable build system
-
What are cool kids using for styling these days?
Pollen and Open Props are two popular examples of such token first frameworks. If you are not familiar with CSS Custom Properties (also called CSS variables), I recently wrote about how to use them to create a CSS Style API layer.
- Ask HN: Looking for an open CSS variables theme that was published here
-
Pollen vs. Tailwind CSS: Finding the better build experience
In the last few years, a new set of frameworks with a radically different concept drew the attention of frontend developers. These frameworks are now extremely popular in the frontend world, and you’re likely already familiar with them: Tailwind CSS and Pollen.
- Tailwind CSS v3.0
svelte-ionic-app
-
Svelte Native: The Svelte Mobile Development Experience
An alternative I’ve been enjoying is @tommertom’s Ionic port (+ Capacitor) for native integration: https://github.com/Tommertom/svelte-ionic-app
-
Svelte good for mobile app dev
Do you use https://ionicsvelte.firebaseapp.com/ or what other configuration do you use? Currently, I'm using Ionic with Angular, but I want to try it with Svelte. I have only used SvelteKit.
- Should I abandon SvelteKit?
-
[Svelte Js] VITE, PWA & SVELTE - Un magasin simple lisible pour s'interfacer avec le service de service de Vite
J'espère que vous l'aimez - [https://github.com/tommertom/svelte-ionic-app/blob/master/src/lib/pwa.ts /blob/master/src/lib/pwa.ts)
- stable UI libraries that are full responsive -compatible across browsers,devices as PWA without breaking changes and customizable(atleast colour/theme)?
-
Ionic 7 available now in ionic-svelte (self promotion)
You can see Ionic's UI elements in action on the demo site https://https://ionicsvelte.firebaseapp.com/ which also features a code previewer in frameworks other than Svelte.
- Which UI framework should I pick up as my first?
-
React Native vs Swift/iOS Native for work
Demo - https://ionicsvelte.firebaseapp.com/
- Any good resources for component library development?
-
What UI framework would you recommend?
If u want near native mobile look & feel in a responsive way, covering md and ios , go try Ionic - demo https://ionicsvelte.firebaseapp.com/
What are some alternatives?
tailwindcss - A utility-first CSS framework for rapid UI development. [Moved to: https://github.com/tailwindlabs/tailwindcss]
svelte-capacitor - Build hybrid mobile apps using Svelte and CapacitorJS with live reloading on Android and iOS!
open-props - CSS custom properties to help accelerate adaptive and consistent design.
MUI - Lightweight CSS framework
unocss - The instant on-demand atomic CSS engine.
svelte-ionic-starter
halfmoon - Halfmoon is a highly customizable, drop-in Bootstrap replacement. It comes with three built-in core themes, with dark mode support for all themes and components.
mantine-datatable - The table component for your Mantine data-rich applications, supporting asynchronous data loading, column sorting, custom cell data rendering, context menus, nesting, Gmail-style batch row selection, dark theme, and more.
daisyui - 🌼 🌼 🌼 🌼 🌼 The most popular, free and open-source Tailwind CSS component library
svelte-ionic-tabs-demo - Ionic Tabs starter demo built with Svelte
nord - An arctic, north-bluish color palette.
svelte-ionic-mystarter-demo - Ionic Mystarter demo built with Svelte - Capacitor and Camera action