Directory
Search published websites, apps and repositories.
OG Image Generator is a free web tool for creating open graph images, social media previews, and Twitter cards. It offers customizable templates, fonts, and optional app screenshot support, exporting images as 1200×630 PNG files.
Open Source Design is a community of designers, developers and advocates working to improve the usability of open source software. It runs a job board connecting designers with projects, organizes events and conference design tracks, and shares openly licensed resources and open source design tools.
Pelican is a static site generator powered by Python that requires no database or server-side logic. It builds static sites from reStructuredText or Markdown content, supports themes using Jinja2 templates, generates Atom and RSS feeds, and is extensible through a plugin ecosystem.
Plate is a developer resource for coding, documentation, communities, security research, or software tools.
Plunker is a developer resource for coding, documentation, communities, security research, or software tools.
Project Wallace is a web-based CSS analyzer that examines stylesheets for complexity, specificity, performance and design tokens. Users paste a URL or raw CSS to receive a full analysis, a quality score, a design token audit and a custom property inspector, plus a cascade layer visualizer. Standalone tools include a CSS prettifier, minifier, diff viewer and specificity calculator.
Publii is a free, open-source desktop CMS for static websites. Content is written locally and published to hosts such as GitHub Pages, Netlify, Amazon S3 or via FTP, with no database, PHP or public admin panel. It offers Markdown, WYSIWYG and block editors for blogs, portfolios and documentation sites.
React Bits offers free, open source React components for animated text, backgrounds, interactive cards and micro interactions. Components install as source the developer owns, and the library provides live demos with copyable source. Developers can choose JavaScript or TypeScript with plain CSS or Tailwind, and copy the source or install a component with the CLI.
React Suite is a suite of React components for building enterprise applications. It features 80+ components, responsive design, dark mode, internationalization, accessibility support, and TypeScript-ready code, and is free and open source. It can be installed with npm and used across frameworks including Next.js, Vite and Create React App.
Realtime Colors is a web tool for visualizing color palettes and fonts on a real website. It stores the selected colors, includes a contrast checker, and allows exporting in formats such as .zip, .png, CSS and SCSS. The source also lists a Figma plugin and VS Code.
Responsive Viewer is a developer resource for coding, documentation, communities, security research, or software tools.
RoughAnnotations is a developer resource for coding, documentation, communities, security research, or software tools.
A showcase of landing page examples created by SaaS companies, intended as design inspiration. The site presents categories including landing pages, features pages and pricing pages, with curated selections of examples and links to visit each site.
A collection of SaaS landing pages with a focus on copywriting and design, organized by page sections such as navbars, headers, features, pricing and testimonials. Each block lists best practices and includes articles and screenshots from landing pages. The site also offers a company browsing view and a design comparison feature.
Setup is a developer resource for coding, documentation, communities, security research, or software tools.
Snippets is a developer resource for coding, documentation, communities, security research, or software tools.
SouPalt is a developer resource for coding, documentation, communities, security research, or software tools.
Style Stage is a modern CSS showcase styled by community contributions, maintained by Stephanie Eckles of ModernCSS.dev. Contributors submit alternate stylesheets to restyle a provided base HTML page, which was created to be semantic, accessible, and free of nearly all other opinions. The project seeks to rekindle the spirit of CSS Zen Garden.
Stylify Me is an online style guide generator created to help designers quickly gain an overview of a site's style guide, including colours, fonts, sizing and spacing. It presents text colours, typography, and image dimensions.
SVG Studio is a free, browser-based SVG animation editor with no sign-up and no telemetry. It provides a keyframe timeline, animatable position, rotation, scale and opacity properties, SVG import, easing functions, loop control and export of self-contained animated SVGs with embedded CSS keyframes.
SVG Viewer is a developer resource for coding, documentation, communities, security research, or software tools.
Templates is a developer resource for coding, documentation, communities, security research, or software tools.
Theatre.js is an animation editor with a visual interface, provided as a JavaScript animation library with a professional motion design toolset. It is for creating animations, from cinematic scenes in THREE.js to UI interactions. It works with any front-end library or framework.
UI Beats is a developer resource for coding, documentation, communities, security research, or software tools.
