awesome-repositories.com
Blog
awesome-repositories.com

Descubre los mejores repositorios open-source con nuestra búsqueda potenciada por IA.

ExplorarBúsquedas curadasAlternativas open-sourceSoftware autohospedableBlogMapa del sitio
ProyectoAcerca deCómo clasificamosPrensaServidor MCP
Aviso legalPrivacidadTérminos
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·
una avatar

una/CSSgram

0
View on GitHub↗
5,398 estrellas·395 forks·HTML·MIT·4 vistasuna.github.io/CSSgram↗

CSSgram

CSSgram es una librería y framework de filtros de imagen CSS que proporciona un sistema de mixins y clases reutilizables para implementar efectos visuales de imagen. Permite el procesamiento de imágenes basado en CSS para modificar la apariencia de las imágenes directamente en el navegador sin requerir procesamiento en el lado del servidor.

El proyecto facilita el procesamiento de fotos en el lado del cliente y el estilo visual frontend mediante la aplicación de filtros de estilo fotográfico y preajustes de color a imágenes web. Utiliza una combinación de filtros CSS y modos de mezcla para lograr estos efectos mediante la asignación de nombres de clase predefinidos a elementos HTML.

Features

  • Image Visual Filters - Applies photographic styles and visual filters to images using CSS filters and blend modes.
  • Browser-Based Image Processing - Enables modifying image appearance directly in the browser without requiring server-side processing.
  • Client-Side Image Editing - Simulates professional photo editing effects directly in the browser without backend image manipulation.
  • CSS Image Filter Libraries - Provides a collection of CSS filters and blend modes to apply photographic styles using class names.
  • CSS Blend Modes - Implements photographic grading by merging color overlays with base images using CSS background-blend-mode.
  • CSS Filter Effects - Provides a framework of reusable mixins and classes for implementing visual image effects via CSS filters.
  • Declarative Styling Systems - Provides a declarative system to apply photographic looks by adding simple class names to HTML elements.
  • Style Mixins - Uses Sass mixins to generate reusable CSS blocks for applying complex filter sets.
  • CSS Visual Compositing - Combines multiple graphical effects like blur and contrast into single composite CSS properties for images.
  • CSS Class-Based Styling - Creates consistent aesthetic looks for website imagery through a system of reusable CSS classes.
  • Semantic Class Mapping - Maps semantic, human-readable class names to specific CSS filter and blend mode value strings.
  • CSS Libraries - CSS-based image filter library for web content.

Historial de estrellas

Gráfico del historial de estrellas de una/cssgramGráfico del historial de estrellas de una/cssgram

Búsqueda con IA

Explora más repositorios increíbles

Describe lo que necesitas en lenguaje sencillo: la IA clasifica miles de proyectos open-source curados por relevancia.

Start searching with AI

Alternativas open-source a CSSgram

Proyectos open-source similares, clasificados según cuántas características comparten con CSSgram.
  • qishaoxuan/css_tricksAvatar de QiShaoXuan

    QiShaoXuan/css_tricks

    4,103Ver en GitHub↗

    This project is a collection of reference guides and reusable patterns for implementing CSS layouts, typography, and visual effects. It serves as a library of style snippets and implementation guides for structuring web pages and creating common user interface patterns. The repository provides specialized galleries for visual effects and UI component patterns. These include techniques for creating glassmorphism, complex geometric shapes, and interactive elements such as accordions, tooltips, and animated tab indicators. The project covers a broad range of frontend capabilities, including res

    CSScsscss3
    Ver en GitHub↗4,103
  • evanw/webgl-filterAvatar de evanw

    evanw/webgl-filter

    1,091Ver en GitHub↗

    This project is a browser-based graphics editor and image processing library that performs visual transformations directly within the web environment. It provides a toolset for loading local image files, applying complex visual effects, and exporting the modified results without requiring server-side data processing. The library utilizes hardware-accelerated fragment shaders to execute pixel-level operations on the graphics processing unit. By maintaining image data as textures within GPU memory and using an immediate-mode rendering pipeline, the system achieves real-time synchronization betw

    JavaScript
    Ver en GitHub↗1,091
  • chokcoco/css-inspirationAvatar de chokcoco

    chokcoco/CSS-Inspiration

    10,866Ver en GitHub↗

    This project is a curated collection of galleries and component libraries that demonstrate pure CSS visual effects, 3D transforms, animation patterns, and layout solutions. It serves as a visual catalog of interactive UI elements and graphics built exclusively with HTML and CSS. The collection distinguishes itself by implementing complex interactivity, such as state management and animation triggers, using only CSS pseudo-classes and keyframes without any JavaScript. It also features a system for generative art and algorithmic patterns, as well as spatial 3D constructions using perspective an

    CSS
    Ver en GitHub↗10,866
  • picturepan2/instagram.cssAvatar de picturepan2

    picturepan2/instagram.css

    4,014Ver en GitHub↗

    instagram.css is a CSS image filter library and a pure CSS UI component. It provides a collection of predefined stylesheets designed to apply photographic filters and color grading to web images. The library achieves these visual effects without the use of JavaScript or external image processing libraries. It uses a system of CSS filter functions to orchestrate brightness, contrast, and saturation, mapping specific aesthetic names to hardcoded property sets. The project covers client-side image processing and frontend UI customization. It allows for the application of photo filters to create

    CSS
    Ver en GitHub↗4,014
Ver las 30 alternativas a CSSgram→

Preguntas frecuentes

¿Qué hace una/cssgram?

CSSgram es una librería y framework de filtros de imagen CSS que proporciona un sistema de mixins y clases reutilizables para implementar efectos visuales de imagen. Permite el procesamiento de imágenes basado en CSS para modificar la apariencia de las imágenes directamente en el navegador sin requerir procesamiento en el lado del servidor.

¿Cuáles son las características principales de una/cssgram?

Las características principales de una/cssgram son: Image Visual Filters, Browser-Based Image Processing, Client-Side Image Editing, CSS Image Filter Libraries, CSS Blend Modes, CSS Filter Effects, Declarative Styling Systems, Style Mixins.

¿Qué alternativas de código abierto existen para una/cssgram?

Las alternativas de código abierto para una/cssgram incluyen: qishaoxuan/css_tricks — This project is a collection of reference guides and reusable patterns for implementing CSS layouts, typography, and… evanw/webgl-filter — This project is a browser-based graphics editor and image processing library that performs visual transformations… chokcoco/css-inspiration — This project is a curated collection of galleries and component libraries that demonstrate pure CSS visual effects, 3D… picturepan2/instagram.css — instagram.css is a CSS image filter library and a pure CSS UI component. It provides a collection of predefined… sakofchit/system.css — system.css is a CSS component library and design system used to build web applications that mimic the look and feel of… semantic-org/semantic-ui — Semantic-UI is an HTML and CSS UI framework consisting of a themed component library and a responsive layout…