3 repository-uri
Awesome GitHub RepositoriesCSS Variable Bindings
Mechanisms that map component properties directly to CSS custom properties for runtime styling.
Distinct from Prop-Based Utility Styling: Distinct from Prop-Based Utility Styling: focuses on binding props to CSS variables rather than using atomic utility classes.
Explore 3 awesome GitHub repositories matching user interface & experience · CSS Variable Bindings. Refine with filters or upvote what's useful.
Awesome CSS Variable Bindings GitHub Repositories
Găsește cele mai bune repo-uri cu AI.Vom căuta cele mai potrivite repository-uri folosind AI.
- callstack/linaria
callstack/linaria
12,335Vezi pe GitHubLinaria is a zero-runtime CSS-in-JS library and static CSS generator. It evaluates JavaScript expressions at build time to extract styles from tagged template literals into standalone, static CSS files, removing the need for a runtime style injection engine. The library distinguishes itself by mapping component props to CSS custom properties, enabling dynamic styling and runtime property updates without regenerating stylesheets. It utilizes a build-time evaluation engine to resolve interpolations and a hashing system to generate scoped class names that prevent style collisions. The project c
Binds component props to CSS variables to enable state-driven styling without a JavaScript runtime.
TypeScript - vuejs/v2.vuejs.org
vuejs/v2.vuejs.org
4,981Vezi pe GitHubAcesta este site-ul de documentație cuprinzător pentru framework-ul JavaScript progresiv Vue 2. Acesta servește drept referință tehnică și ghid de dezvoltare pentru construirea interfețelor de utilizator reactive și a aplicațiilor single-page. Site-ul oferă o referință detaliată a API-ului JavaScript și un director de componente web. Acoperă implementarea arhitecturilor bazate pe componente, gestionarea stării reactive și utilizarea unui DOM virtual pentru a sincroniza starea aplicației cu browserul. Documentația detaliază capabilități precum rutarea client-side, manipularea declarativă a DOM-ului și optimizările de build frontend, cum ar fi randarea server-side și precompilarea template-urilor. De asemenea, explică abordarea framework-ului față de sincronizarea stării, ciclurile de viață ale componentelor și utilizarea directivelor personalizate. Conținutul este menținut ca o colecție de tutoriale și specificații, cu documentația editată prin Markdown.
Maps component properties directly to CSS custom properties for dynamic runtime styling within single-file components.
JavaScript - scroll-out/scroll-out
scroll-out/scroll-out
1,216Vezi pe GitHubScroll-out is a JavaScript scroll animation library that detects element visibility during scroll to trigger reveal, parallax, and dynamic style effects. It serves as a CSS custom property scroll driver that computes and applies live property values based on scroll position, allowing page styles to adapt fluidly, alongside functioning as a DOM viewport intersection observer that monitors when elements enter or leave the browser viewport to update their visual state attributes. The library maps real-time scroll offsets and element positions directly to custom CSS properties for fluid visual tr
Binds element coordinates to custom CSS variables to enable smooth style transitions on movement.
TypeScriptanimationcsscss-classes
