30 open-source projects similar to una/cssgram, ranked by how many features they have in common. Compare stars, activity and what each one does to find the best CSSgram alternative.
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
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
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
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
Semantic-UI is an HTML and CSS UI framework consisting of a themed component library and a responsive layout framework. It provides a collection of reusable interface components and a grid-based system of columns and containers designed to build responsive websites. The framework is distinguished by its use of natural-language class naming, which maps human-readable CSS classes to specific visual styles. It also functions as a right-to-left UI toolkit, utilizing directional mirroring to adjust visual flow and element alignment for languages read from right to left. The system covers frontend
WeUI is a mobile design system and CSS component framework providing a collection of pre-styled widgets and layout components for building mobile web applications. It functions as a mobile web UI library that enforces a consistent visual language and design language across web environments. The library utilizes a BEM styling system to prevent CSS conflicts and ensure modular component behavior. It provides a set of reusable styles and layout helpers that enable rapid prototyping of mobile web layouts through standardized buttons, dialogs, and navigation elements. The framework includes a mob
This is a JavaScript image loading library and a suite of utilities for binary metadata parsing and canvas-based transformations. It provides a unified interface for loading images from URLs, Blobs, or Files into HTML elements. The library includes a canvas-based image transformer for producing scaled, cropped, or rotated images and an image orientation handler that rotates or flips images based on embedded metadata. It also features an Exif metadata parser to extract IPTC and Exif tags and embedded thumbnails from binary image data. The toolset covers browser-based image processing, includi
PhotoEditor is an image editing library and canvas-based photo editor designed for in-app image manipulation. It serves as a toolkit for applying filters, text, stickers, and freehand drawing to images, functioning as both a bitmap image processor and a digital photo annotation tool. The project enables the creation of social media style stories by allowing users to add emojis, text, and stickers to photos. It supports non-destructive image manipulation, allowing users to remove elements or revert changes before exporting the final composition. The library covers a broad range of capabilitie
Pica is a client-side utility for browser-based image scaling, format transformation, and file optimization. It functions as a canvas image processor that transforms data between canvas elements, bitmaps, and blobs for local manipulation within the web browser. The library distinguishes itself through high-quality downscaling using Lanczos resampling and a multi-threaded processing model. It utilizes web workers to split image processing into tiles across CPU cores to increase resizing speed. The project covers a broad range of image manipulation capabilities, including high-quality scaling
This project is an image processing library designed for manipulating pixel data, applying visual filters, and adjusting image appearance. It functions as a low-level tool for processing raw pixel buffers and managing image data. The library provides a toolkit for image geometry manipulation, including resizing, cropping, flipping, and rotating images. It also serves as an image format converter for encoding and decoding data between common binary file formats and as a metadata extractor for retrieving dimensions and color profiles from file headers. The capabilities cover low-level image pr
Jcrop is a JavaScript image cropping library that provides a browser-based interface for users to interactively select and define rectangular regions of an image. It utilizes a DOM-based image overlay to wrap images in relative containers, allowing for the placement of adjustable selection handles and boundary constraints. The tool distinguishes itself through comprehensive input support, translating touch gestures and keyboard intercepts into precise coordinate updates for both mobile and desktop environments. It features an engine capable of enforcing custom aspect ratio constraints and cal
Imagine is an object-oriented PHP image processing library and manipulation framework. It provides a unified interface for performing transformations, cropping, and scaling images across different backend processing engines. The library abstracts multiple underlying image processing drivers through a common adapter-based interface, ensuring consistent API behavior. It utilizes a unified object model to map high-level requests to engine-specific operations and employs a lazy-evaluation transformation queue to defer the execution of filters until the final output is requested. Its capabilities
GPUImage2 is a Swift framework for applying real-time filters and effects to images and video using the GPU. It provides a real-time video filter library, an image geometry manipulation engine, and an OpenGL shading pipeline for processing visual data on graphics hardware. The framework enables the construction of visual effect pipelines by chaining image sources to consumers in sequential flows. It supports the development of custom fragment and vertex shaders for bespoke image processing and offers the ability to bundle these operations into reusable units via graph-based grouping. Capabil
Nimbus is an iOS UI framework and application toolkit providing a collection of reusable interface components and layout tools for building native mobile applications. It includes a SwiftUI component library and a structured interface design system for maintaining consistent styling across Apple platforms. The framework employs a declarative approach to visual formatting, using CSS-based component styling to define colors, fonts, and spacing. It further streamlines development through a component-based construction system and declarative style mapping. The toolkit covers a range of interface
Cropper.js is a JavaScript image cropping library and client-side image editor. It provides a front-end interface for manipulating image geometry and extracting specific regions using the HTML5 Canvas API. The library enables interactive image cropping where users can manually select areas and define clipping regions. It supports geometry transformations including rotation, scaling, and zooming to align subjects, and allows for the enforcement of dynamic aspect ratios. The tool provides capabilities for exporting crop data as coordinates or canvas representations and offers access to interna
tui.image-editor is a JavaScript image manipulation library and web-based photo editor. It provides a browser-based interface for cropping, resizing, and applying filters to images using the HTML5 Canvas API. The project is distinguished by its role as a canvas-based annotation tool, allowing users to add text, shapes, and freehand drawings as graphic overlays. It offers extensive UI customization through theme configuration, interface text localization, and the ability to replace default icons with custom SVG files. The library covers geometry manipulation, visual filter application, and im
YPImagePicker is a set of integrated iOS components for capturing new media, browsing device galleries, and performing visual edits or filtering. It provides a built-in camera interface for photos and videos, a media selection library for picking multiple assets from the device gallery, and tools for editing media. The library includes a media editor for cropping images and trimming video durations, as well as a filter tool for modifying the visual appearance of images before they are finalized. The project covers media capture, gallery selection, and image processing. These capabilities inc
AlamofireImage is an image downloading and caching library designed as an extension for Alamofire. It provides a serialization framework to convert network responses into image objects and a memory-based caching system to reduce redundant network requests. The project features a variant-aware asynchronous cache that stores both original images and their filtered versions separately. It includes tools for animating the replacement of placeholder images with downloaded content through various transition effects. The library covers image acquisition through parallel downloading and prioritized
purecss-francine is a digital artwork rendered entirely using hand-coded HTML and CSS. It functions as a visual illustration that emulates a classical oil painting without the use of images or canvas elements. The project is implemented as a Pure.CSS theme designed to achieve a specific 18th-century aesthetic. It uses pure CSS illustration techniques to render a detailed artistic piece through style sheets and markup.
Bourbon is a CSS framework toolset and Sass mixin library designed to standardize styling patterns and reduce repetitive code in web projects. It serves as a workflow optimizer that provides a collection of reusable functions to streamline the process of writing and organizing stylesheets. The toolkit focuses on responsive web design by providing a library of mixins for implementing flexible layouts and standardized breakpoints across different screen sizes. It also includes a suite of command line utilities used to install and manage styling dependencies within a local development environmen
This is a Rust image processing library designed for encoding and decoding various image file formats and manipulating pixels. It provides a digital image manipulation toolkit and a set of image format codecs to read data from files and write memory buffers into standard formats. The library features a pure-Rust processing pipeline to ensure memory safety and cross-platform compatibility. It includes a pluggable hook system for dynamic format registration, allowing external crates to register custom decoders and encoders at runtime. The capability surface covers geometry manipulation for res
luci-theme-argon is a visual interface for the OpenWrt administrative console that replaces the default look with a modern design. It provides a responsive web interface that automatically adjusts the administrative dashboard for usability on both mobile devices and desktop screens. The theme features a customizable login screen that supports custom images, videos, and transparency effects. It includes a dark mode interface with the ability to switch between light and dark color schemes manually or automatically based on system preferences. The project covers wide-ranging user interface cust
Basecoat is a zero-runtime UI library and themable interface framework consisting of a set of accessible web components. It provides a collection of pre-styled interface elements and utility classes designed to function as static assets without requiring a dedicated JavaScript framework runtime. The project features a dedicated UI component scaffolder, providing a command line interface to automate the generation of project folder structures and the installation of component templates. Visual styles are managed through a system of CSS variables and utility classes, allowing for global theme a
ng-file-upload is an Angular directive for handling multipart file uploads and drag-and-drop selection within Angular applications. It functions as a client-side tool for validating file attributes, processing images, and generating media previews before transmission to a server. The project includes a client-side image processor for resizing, center-cropping, and correcting JPEG EXIF orientation. It also features a browser-based media previewer for images, audio, and video files, and an HTML5 File API shim to provide upload and reader functionality for legacy browsers. Additional capabiliti
This project is a Bootstrap theme library providing a collection of pre-designed frontend templates and layouts. It functions as a set of frontend UI kits and responsive website templates built specifically with the Bootstrap CSS framework. The library focuses on responsive web design and frontend layout prototyping. It includes specialized themes for creating web dashboards, blogs, and portfolios. The technical implementation utilizes responsive grid layouts, component-based templates, and utility-first class architecture to standardize typography and spacing across different screen sizes.
Compass is a CSS authoring environment and Sass extension library designed to streamline the implementation and maintenance of website designs. It functions as a framework for the Sass preprocessor, providing a collection of predefined mixins and functions to automate repetitive styling tasks. The toolkit focuses on frontend design automation and workflow optimization. It provides specialized tools and design patterns to simplify stylesheet authoring and reduce the manual effort required to implement complex design requirements. The system includes a build pipeline with file-watching capabil
Foundation Sites is a responsive front-end framework providing a collection of CSS and JavaScript tools to build websites that automatically adapt to different screen sizes and devices. It functions as a responsive design library and cross-browser UI toolkit, offering a grid layout system and pre-styled interface components to ensure consistent rendering across modern web browsers. The framework enables rapid front-end UI prototyping and the integration of interactive components through a scripting interface that manages the lifecycle of UI plugins. It supports custom CSS framework management
Font-Awesome is a CSS icon framework and SVG icon library that provides a standardized set of vector assets for digital user interfaces. It functions as a vector icon set and web font icon kit, delivering iconography through both scalable vector graphics and web fonts to ensure consistency across different screen densities and platforms. The project provides a multi-format distribution model, allowing assets to be rendered via SVG-based vector embedding or unicode-based glyph rendering. Visual styles, sizes, and positions are managed through a class-driven asset selection system and CSS-varia
This project is a Sass CSS framework boilerplate and design system template. It provides a structured project starter for organizing styles using a modular architecture that separates global defaults and components to maintain a scalable stylesheet layout. The framework includes a responsive layout system that manages screen widths via mapping functions to ensure consistent behavior across different device sizes. It utilizes reusable style rules, dynamic loops, and conditional styling logic to automate the generation of repetitive CSS rules. The system covers stylesheet segmentation through
This project is a web-based graphic design editor and online poster designer. It provides a browser-based environment for creating professional visual layouts, e-commerce graphics, and social media covers using a canvas with drag-and-drop elements. The toolkit includes a specialized PSD template converter that parses Photoshop design files into editable web templates. It also features a custom QR code generator capable of producing styled codes with gradients and embedded logos, alongside a browser-based image manipulation tool for cropping assets and removing backgrounds. The editor covers