Ingest, store, & analyze all types of time series data in a fully-managed, purpose-built database. Keep data forever with low-cost storage and superior data compression. Learn more →
Open-props Alternatives
Similar projects and alternatives to open-props
-
-
carbon-components-svelte
Svelte implementation of the Carbon Design System
-
Appwrite
Appwrite - The Open Source Firebase alternative introduces iOS support. Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!
-
svelte-headlessui
Unofficial Svelte port of the Headless UI component library
-
dropin-minimal-css
Drop-in switcher for previewing minimal CSS frameworks
-
-
-
-
InfluxDB
Access the most powerful time series database as a service. Ingest, store, & analyze all types of time series data in a fully-managed, purpose-built database. Keep data forever with low-cost storage and superior data compression.
-
-
CoreUI-Free-Bootstrap-Admin-Template
Free Bootstrap Admin & Dashboard Template
-
-
-
-
-
-
-
langterm
🕹️ WebGL-based VT220 emulator, made as a learning example and frontend for a text adventure
-
web_app_from_scratch
One script for every web framework which sets up a minimal web app with routing, templates and users.
-
-
Web-Dev-For-Beginners
24 Lessons, 12 Weeks, Get Started as a Web Developer
-
SonarLint
Clean code begins in your IDE with SonarLint. Up your coding game and discover issues early. SonarLint is a free plugin that helps you find & fix bugs and security issues from the moment you start writing code. Install from your favorite IDE marketplace today.
open-props reviews and mentions
-
Released tw-variables: 400 useful Tailwind utilities as ready-to-import CSS variables
Some time ago I discovered Open Props which provides a lot of design tokens as CSS variables and started using it in some of my projects.
-
[Showcase] Searching for Friendly-User for Scrum-Tool Miyagi
CSS: Open Props (https://open-props.style/)
-
What UI framework would you recommend?
https://open-props.style/ gives you design tokens as CSS variables. It’s CSS only and not Svelte specific.
- Thoughts on classless CSS frameworks (e.g. Pico) with Svelte?
-
What working with Tailwind CSS every day for 2 years looks like
I haven’t seen it mentioned in this thread but for those who like Tailwind in theory but hate all it’s drawbacks you might be interested in Open Props (https://open-props.style/) which is put together by a member of Chrome’s devrel team.
The first 10 minutes or so of this video is also a decent introduction it seems which will help put this project into context for you so you can see specifically what kinds of problems it solves in a way that Tailwind doesn’t and vice versa. https://youtu.be/O53MwmolKP4
You could combine styled-components/emotion with something like open-props[0]. You get all the power that comes with CSS and a set of variables to help you create a consistent design. That's how I manage my styling.
-
Tailwind Is a Leaky Abstraction
Not much.
Tailwind's @apply just lets you apply Tailwind design tokens to CSS classes. It's useful for keeping designs looking consistent if you're already heavily invested in Tailwind.
This is probably not something you need to worry about unless you're working at a very large organization with many teams and web properties.
And there are other CSS-native ways of doing this without Tailwind too. Open Props is a good example (https://open-props.style/).
-
Suggest minimal CSS framework
What kind of bugs and quirks are we talking about? There is almost no difference between browsers these days. Vanilla CSS is enough. You can also use it with Open Props to add extra CSS custom properties.
-
Ask HN: Good resource on writing web app with plain JavaScript/HTML/CSS
For layout/design, there’s open props [1].
-
Question on Bootstrap vs Coding From Scratch
Learn and understand CSS variables, this is a superb example https://open-props.style/
-
A note from our sponsor - InfluxDB
www.influxdata.com | 21 Mar 2023
Stats
argyleink/open-props is an open source project licensed under MIT License which is an OSI approved license.