ux-twig-component
cssui
ux-twig-component | cssui | |
---|---|---|
3 | 7 | |
143 | 308 | |
2.8% | - | |
8.9 | 4.0 | |
7 days ago | about 2 months ago | |
PHP | SCSS | |
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.
ux-twig-component
-
Rendering Twig templates in Storybook
In the websites I build, a components is a single Twig file that can be included in any other template of the project. This can also be a Twig Component if you are using Symfony UX. For this example, we'll create a simple button component, in a templates/components folder. This button can have a label, a size and can be primary or secondary.
-
Discover Symfony UX’s Twig Components. UI without JS or BS.
“work with the Twig Component library to give you the power to automatically update your Twig components on the frontend as users interact with them.”
-
Split your Symfony views into multiple controllers with NumberNine CMS
using Twig components
cssui
-
Discover Symfony UX. UI with Stimulus = fewer JS headaches for you
Thus, we love anything that simplifies using it or, better yet, eliminates JS. That’s why we use tools like CSSUI on this Drupal site. And never us JS when it’s not necessary. In other words, we use HTML and CSS as you should.
-
Discover Symfony UX’s Twig Components. UI without JS or BS.
But we are not fans of JavaScript, especially for UI components. For a review of its clusterfuckiry see our article on Frontend Madness. Thus, we love anything that simplifies or better yet eliminates JS. That’s why we use tools like CSSUI on this Drupal site.
-
Frontend Madness: SPAs, MPAs, PWAs, Decoupled, Hybrid, Monolithic, Libraries, Frameworks! WTF for your PHP backend?
CSSUI promises pure CSS interactive components without any Javascript at all. We use it on Symfony Station via asset injecting it into Drupal. It doesn’t have everything, but it has many things you need. Start with this!
- CSSUI - Pure CSS interactive components without any Javascript at all
- CSSUI – interactive CSS components without any JavaScript
-
CSSUI - Interactive Components in Pure CSS
The very first release v0.1.0 was published a week ago but many other updates will follow.
What are some alternatives?
stimulus-bridge - Stimulus integration bridge for Symfony projects
swup - Versatile and extensible page transition library for server-rendered websites 🎉
Grav - Modern, Crazy Fast, Ridiculously Easy and Amazingly Powerful Flat-File CMS powered by PHP, Markdown, Twig, and Symfony
stimulus-use - A collection of composable behaviors for your Stimulus Controllers
Stimulus - A modest JavaScript framework for the HTML you already have
next-drupal - Next.js for Drupal has everything you need to build a next-generation front-end for your Drupal site: SSG, SSR, and ISR, Multi-site, Authentication, Webforms, Search API, I18n and Preview mode (works with JSON:API and GraphQL).
cropperjs - JavaScript image cropper.
Twig - Twig, the flexible, fast, and secure template language for PHP
blurhash - A very compact representation of a placeholder for an image.
featured
Vue.js - This is the repo for Vue 2. For Vue 3, go to https://github.com/vuejs/core
Svelte - Cybernetically enhanced web apps