Web Design
Showing 36 of 37 projects
A collection of simply beautiful open-source SVG icons designed on a 24x24 grid.
A CSS color system with better default colors for web development and prototyping.
A comprehensive icon font and CSS library with 222 weather-themed icons for web projects.
A collection of HTML email templates with responsive and modular designs, ready for customization.
A jQuery plugin that makes font-sizes flexible for responsive headlines with ratio-based resizing.
Create beautiful HTML presentations, landings, and longforms with just basic HTML and CSS knowledge.
A jQuery plugin for creating smooth parallax scrolling effects on websites.
A lightweight JavaScript library for animating SVG path, line, and polyline elements with customizable easing.
A tiny style-controlled SVG iconset with 101 hand-coded icons, offering maximum flexibility for weight, color, and edge styling.
A jQuery plugin for adding dynamically-resized, slideshow-capable background images to any page or element.
A jQuery plugin that dynamically switches header designs as you scroll, ensuring optimal visual harmony with page sections.
A lightweight jQuery plugin for adding smooth parallax scrolling effects to web pages with minimal setup.
A collection of icons created entirely with pure CSS code, requiring no external dependencies or images.
A curated collection of resources for digital designers covering inspiration, tools, tutorials, and best practices.
A Sass library for generating modular scales to create harmonious typography and spacing in web design.
A pure CSS library for creating sharp, scalable social login buttons with icon fonts.
A collection of creative designs, loaders, and flags created using only a single HTML div element and pure CSS.
A collection of patterns, resources, and news for creating responsive web experiences.
A curated collection of links and resources for frontend development and web design inspiration.
A curated collection of tools, palettes, and articles for selecting and creating color schemes.
Generate unique tiling SVG background patterns from any string using deterministic algorithms.
jQuery plugin for creating interactive mouse-driven parallax effects on web elements.
A Sass mixin for creating angled section edges by dynamically encoding SVG triangles.
A jQuery plugin that automatically calculates font-size and word-spacing to fit text lines to a specific width.
A comprehensive free vector/webfont icon pack for cryptocurrency logos, available as SVG and webfont.
A tiny JavaScript library for extracting dominant colors and generating gradients from images with lazy-reveal effects.
A JavaScript library for curving and arranging text along circular paths on the web.
A responsive HTML email template tested for compatibility across all major email clients and smartphones.
A collection of SVG animations for modern page loading transitions and content reveals.
A CSS library for applying duotone color filters to images using pure CSS.
A visual tool for designing page layouts using Flexbox without writing HTML or CSS.
Open-source design patterns for creating readable, user-friendly privacy notices on websites.
A JavaScript library for creating text shuffle effects reminiscent of classic Flash animations.
A WordPress theme implementing Google's Material Design philosophy with Materialize framework components.
A demonstration of mobile-first responsive web design principles with progressive enhancement.
A Twitter Bootstrap theme implementing Google's Material Design components and visual language.
Found a gem we're missing?
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.