truss
tailblocks
Our great sponsors
truss | tailblocks | |
---|---|---|
5 | 43 | |
31 | 8,458 | |
- | - | |
6.3 | 0.0 | |
about 2 months ago | about 1 year ago | |
TypeScript | JavaScript | |
- | 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.
truss
-
StyleX โ Meta's Styling Library
Nice! We copied StyleX's "type-safe extensions" in Truss [1] so things like `` are allowed (setting margin is fine) while disallowing `` (anything "not margin") that would mess up the components internal impl details with a compile error.
That said, we don't actually use the feature that much, vs. higher-level logical props like ``.
I know we're supposed to use build-time CSS-in-JS these days, but afaiu they don't support the rare-but-handy "just spread together ~4-5 different object literals from ~random different conditionals + props", i.e. intermixing styles some inside the component + outside the component, which emotion handles really well.
Basically this [2]. StyleX says it does "cross-file styles"...but can it support that? I kinda assume not, but I'm not sure.
[1]: https://github.com/homebound-team/truss#xstyles--xss-extensi...
[2]: https://github.com/homebound-team/beam/blob/main/src/compone...
-
What working with Tailwind CSS every day for 2 years looks like
Fwiw to the avoid 80%-in-TW / 20%-in-SCSS-or-something-else dichotomy/complexity, we built Truss which brings TW (Tachyons) style abbreviations to the existing "something else" tool chain (Emotion in our case).
So then everything goes through a single system.
https://github.com/homebound-team/truss
> tailwind's and SCSS's VS code integration is pretty amazing
We get that too, by being just vanilla TypeScript, no editor-specific integration necessary. :-D
(I've linked to Truss in another response, so will stop now. :-))
- Why Tailwindcss over styled-components?
- Ask HN: Who is hiring? (November 2021)
-
TailwindCSS JIT with Arbitrary Values
Don't want to take away from Tailwind, it's great.
That said, self-promotion disclaimer but if you like inline/utility CSS, and also like TypeScript/React/Emotion, we've got a "Tailwinds-ish" CSS-in-JS library that we've enjoyed so far:
tailblocks
- Tailwind Color Palette Generator
-
Looking for full UI examples/copies for tailwind
If you want a quick copy paste solution http://tailblocks.cc does a good job.
-
Top resources for Tailwind CSS for 2023
8. Tailblocks
-
List of free Tailwind UI component resources
tailblocks.cc
-
can anyone tell me what library or package is this? I been seeing this a lot it most website that offers free tailwind components and mostly the same ui. Anyone knows this package or library scene this would be a lot of help for me when it comes to documentation of my frontend resource
https://github.com/mertJF/tailblocks might have some code in it for you and it is MIT.
-
Top 5 Tailwind CSS UI kits
Tailwind Blocks - This UI kit includes a collection of pre-designed blocks, such as hero sections, pricing tables, and testimonials. Each block is fully customizable and can be easily integrated into any project.
-
4 Random but Awesome Tailwind CSS tools.
Tailblocks - Ready-to-use Tailwind CSS blocks
-
Is the code of tailblocks website copyright free or not? Can anybody use the code for their personal website and host it?
https://github.com/mertJF/tailblocks this? MIT license
-
Cool Tailwindcss Tools For Everyone
Tailblock is a pre-designed block of UI elements that are styled using the framework's utility classes and can be easily dropped into a project to save time and reduce the need for custom CSS. These include common UI patterns such as navigation bars, buttons, forms, and other interface elements.
- TailwindCSS Components and Templates to get you started
What are some alternatives?
docker-node-example - An example Node / Express app that's using Docker and Docker Compose.
GrapesJS - Free and Open source Web Builder Framework. Next generation tool for building templates without coding
headwind - An opinionated Tailwind CSS class sorter built for Visual Studio Code
Tailwind CSS - A utility-first CSS framework for rapid UI development.
class-types.macro
v-dashboard - Dashboard starter template built with Vue 3 and Tailwind CSS.
beam - ๐ชต Beam Design System
react-notion-x - Fast and accurate React renderer for Notion. TS batteries included. โก๏ธ
docker-flask-example - A production ready example Flask app that's using Docker and Docker Compose.
falcon - Free, open-source SQL client for Windows and Mac ๐ฆ
TimescaleDB - An open-source time-series SQL database optimized for fast ingest and complex queries. Packaged as a PostgreSQL extension.
daisyui - ๐ผ ๐ผ ๐ผ ๐ผ ๐ผ โThe most popular, free and open-source Tailwind CSS component library