Showing 123 open source projects for "grid"

View related business solutions
  • Ship Agents Faster Icon
    Ship Agents Faster

    Transform your applications and workflows into powerful agentic systems at global scale.

    Gemini Enterprise Agent Platform lets you rapidly build, scale, govern and optimize production-ready agents grounded in your organization's data. The platform enables developers to build custom or pre-built agents for virtually any use case. New customers get $300 in free credits.
    Get Started Free
  • $300 Free Credits for Your Google Cloud Projects Icon
    $300 Free Credits for Your Google Cloud Projects

    Start building on Google Cloud with $300 in free credits. No commitment, no credit card required until you're ready to scale.

    Launch your next project with $300 in free Google Cloud credits—no strings attached. Test, build, and deploy without risk. Use your credits across the entire Google Cloud platform to find what works best for your needs. After your credits are used, continue with always-free tier services. Only pay when you're ready to scale. Sign up in minutes and start exploring.
    Start Free Trial
  • 1
    Grid Garden

    Grid Garden

    A game for learning CSS grid layout

    Grid Garden is an interactive browser game for learning CSS Grid layout. It teaches Grid concepts by asking players to water carrots and avoid weeds using CSS grid properties. The game makes grid placement, sizing, and alignment feel concrete through visual levels instead of static documentation. Learners practice properties such as grid-column-start, grid-column-end, grid-row-start, grid-row-end, grid-template-columns, grid-template-rows, and order. ...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 2
    CSS Grid Generator

    CSS Grid Generator

    Generate basic CSS Grid code to make dynamic layouts

    CSS Grid Generator is a visual tool built to help web designers and developers quickly create CSS Grid layout code without writing the grid definitions manually. You select the number of columns, rows, and units (e.g., fr, px, %), then visually drag and place items, resize them and position them within the grid to prototype layouts by hand.
    Downloads: 1 This Week
    Last Update:
    See Project
  • 3
    css-doodle

    css-doodle

    A web component for drawing patterns with CSS

    ...The number of rows and columns in the grid is defined by the grid attribute on the element, ranging from 1 to 64. Its default is 1x1 when no value or 0 is given. The row or column is limited up to 4096 only when the grid is 1-dimensional.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 4
    Handsontable

    Handsontable

    JavaScript data grid with a spreadsheet look & feel

    Rock-solid data grid for web applications. A JavaScript component that combines data grid features with spreadsheet-like UX. Legendary support included. Works with React, Angular, Vue, and JavaScript. When you work with Handsontable, it's like you're working with Excel or Google Sheets. There's no steep learning curve – you can start working effectively from day one.
    Downloads: 1 This Week
    Last Update:
    See Project
  • 99.99% Uptime for MySQL and PostgreSQL Databases Icon
    99.99% Uptime for MySQL and PostgreSQL Databases

    Sub-second maintenance. 2x read/write performance. Built-in vector search for AI apps.

    Cloud SQL Enterprise Plus delivers near-zero downtime with 35 days of point-in-time recovery. Supports MySQL, PostgreSQL, and SQL Server.
    Try Free
  • 5
    Jspreadsheet CE

    Jspreadsheet CE

    Javascript plugin to create web-based tables & spreadsheets

    Jspreadsheet CE is a lightweight Vanilla JavaScript data grid plugin to create amazing web-based interactive HTML tables, and spreadsheets compatible data grid with other spreadsheet software. You can create an online spreadsheet table from a JS array, JSON, CSV or XSLX files. You can copy from excel and paste straight to your Jspreadsheet CE spreadsheet and vice versa. It is very easy to integrate any third party JavaScript plugins to create your own custom columns, custom editors, and customize any feature into your application. ...
    Downloads: 2 This Week
    Last Update:
    See Project
  • 6
    tabler icons

    tabler icons

    1950 free MIT-licensed high-quality SVG icons

    ...Over 1950 pixel-perfect icons for web design. Free and open-source icons designed to make your website or app attractive, visually consistent, and simply beautiful. Each icon is designed on a 24x24 grid and a 2px stroke. All icons are built with SVG, so you can place them as <img>, background-image and inline in HTML code. If you load an icon as an image, you can modify its size using CSS. You can paste the content of the icon file into your HTML code to display it on the page. Import the icon and render it in your component. You can adjust SVG properties through React props. ...
    Downloads: 19 This Week
    Last Update:
    See Project
  • 7
    Autoprefixer

    Autoprefixer

    Parse CSS and add vendor prefixes to CSS rules by Can I Use

    ...Autoprefixer uses Browserslist, so you can specify the browsers you want to target in your project with queries. It can help you get prefixes for: animations, transition, transform, grid, flex, flexbox and others. You can configure which browsers to generate prefixes for in the distribution. The IE grid layout polyfill is enabled, which is not by default in autoprefixer. Autoprefixer can be used to translate modern CSS Grid syntax into IE 10 and IE 11 syntax, but this polyfill will not work in 100% of cases. This is why it is disabled by default.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 8
    FancyGrid

    FancyGrid

    JavaScript grid library with charts integration & server communication

    JavaScript grid library with charts integration and server communication. Massive number of features, Paging, Sorting, Filtering, Validation, Ajax data, Files data, RESTful, flexible CRUD, Integration with charts, Form module, Theming, Touch Support, and others. FancyGrid is integrated(data binding) with chart libraries, HighCharts, and sparklines.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 9
    jqGrid

    jqGrid

    jQuery grid plugin

    jqGrid is an Ajax-enabled JavaScript control that provides solutions for representing and manipulating tabular data on the web. Since the grid is a client-side solution, loading data dynamically through Ajax callbacks, it can be integrated with any server-side technology, including PHP, ASP, Java Servlets, JSP, ColdFusion, and Perl. Improve the maxGridHeigh method. Add a third parameter to indicate the minimum height at which the method run. jqGrid uses a jQuery JavaScript Library and is written as a plug-in for that package. ...
    Downloads: 1 This Week
    Last Update:
    See Project
  • Your monitoring isn't a stack. It's a pile. Fix that. Icon
    Your monitoring isn't a stack. It's a pile. Fix that.

    Errors, performance, logs, uptime. One install, one invoice, one UI.

    Replace Datadog, New Relic, and Sentry without adding three more dashboards.
    Free 30 days.
  • 10
    Vanilla Framework

    Vanilla Framework

    From community websites to web applications, this CSS framework

    Backed by open-source code and written in Sass by the Canonical Web Team. Vanilla contains a responsive CSS grid, basic style for HTML elements and a selection of key useful patterns and utility classes that you can extend. Designed to be composable, you can include the whole framework to avail of all styles or you can use only what you need for your project. Anyone can contribute to Vanilla, improve it and extend it. All the code is available on GitHub and is licensed under LGPLv3 by Canonical.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 11
    TACHYONS

    TACHYONS

    Functional CSS for humans

    ...You should send the smallest possible amount of code to the user. Usable across projects. Growing open source component library. Works well with plain HTML, React, Ember, Angular, Rails and more. Infinitely nestable responsive grid system. Built with PostCSS. Optimized for maximum gzip compression.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 12
    Metro 4

    Metro 4

    Impressive component library for expressive web development

    ...You can get Metro 4 from NPM, Nuget, GitHub, and GitLab. Metro 4 is an open source toolkit for developing with HTML, CSS, and JS. Quickly prototype your ideas or build your entire app with responsive grid system, extensive prebuilt components, and powerful plugins. Metro 4 developed to build websites in Windows Metro Style and include general styles, grid, layouts, typography, 100+ components and routines, 500+ built-in icons.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 13
    Stylus for Chrome

    Stylus for Chrome

    Stylus - Userstyles Manager

    Stylus is a fork of Stylish for Chrome, also compatible with Firefox as a WebExtension. "Stylus" is a fork of the popular Stylish extension which can be used to restyle the web. Not "ish", but "us", as in "us" the actual users. Stylus is a fork of Stylish that is based on the source code of version 1.5.2, which was the most up-to-date version before the original developer stopped working on the project. The objective in creating Stylus was to remove any and all analytics, and return to a...
    Downloads: 22 This Week
    Last Update:
    See Project
  • 14
    SwarmUI

    SwarmUI

    Modular AI image and video generation web UI with extensible tools

    ...It integrates with underlying systems like node-based workflows, enabling flexible and customizable pipelines for complex generation tasks. SwarmUI also emphasizes scalability, originally inspired by the idea of coordinating multiple GPUs to work together for large batch or grid-based image generation. SwarmUI includes a variety of built-in tools such as image editing, prompt handling, and automation features.
    Downloads: 10 This Week
    Last Update:
    See Project
  • 15
    CSS Exercises
    ...Learners are encouraged to use documentation and external resources freely, reflecting real-world workflows rather than rote memorization. Each exercise focuses on practical styling problems, from selectors and specificity to layout techniques like flexbox, grid, and responsive design. The structure supports incremental learning, allowing you to test your understanding, compare against expected outcomes, and iterate until styles match the intended result. While solutions exist, the guidance emphasizes problem solving with docs, search, and experimentation before peeking, cultivating independent debugging skills and confidence with CSS.
    Downloads: 2 This Week
    Last Update:
    See Project
  • 16
    opentype.js

    opentype.js

    Read and write OpenType fonts using JavaScript

    ...It allows you to access the letterforms of text from the browser or node.js. Once you have the shapes, you can modify them, for example by snapping them to a virtual grid. opentype.js provides you with raw access to the glyphs so you can modify them as you please. Create a bézier path out of a piece of text. Support for composite glyphs (accented letters). Support for WOFF, OTF, TTF (both with TrueType glyf and PostScript cff outlines) Support for kerning (Using GPOS or the kern table). Support for ligatures. ...
    Downloads: 2 This Week
    Last Update:
    See Project
  • 17
    DevExtreme

    DevExtreme

    HTML5 JavaScript Component Suite for Responsive Web Development

    DevExtreme is a comprehensive, enterprise-grade JavaScript UI component suite developed by DevExpress, designed to help developers build highly interactive, data-driven web applications across multiple frontend frameworks. It supports major ecosystems such as Angular, React, Vue, and jQuery, allowing teams to maintain consistency while working across different stacks. The library includes more than 80 components covering data grids, charts, schedulers, forms, editors, and navigation...
    Downloads: 3 This Week
    Last Update:
    See Project
  • 18
    Hermione

    Hermione

    Browser test runner based on mocha and wdio

    Hermione is a utility for integration testing of web pages using WebdriverIO and Mocha. If you are familiar with WebdriverIO and Mocha, you can start writing and running tests in 5 minutes! You need to install Hermione via npm and add a tiny config to your project. When tests are run one by one, it takes a lot of time. Hermione can run tests in parallel sessions in different browsers out of the box. Running of too many tests in parallel can lead to the overloading of the main process CPU...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 19
    Zynga Scroller

    Zynga Scroller

    Accelerated panning and zooming for HTML and Canvas

    Scroller, also known as Zynga Scroller, is a pure JavaScript logic component for accelerated scrolling and zooming. It is independent of any rendering layer, which means it can power interactions for DOM elements, Canvas interfaces, or other custom rendering systems. The library handles panning, deceleration, bouncing, paging, snapping, zooming, directional locking, and pull-to-refresh behavior. It can be controlled manually through an API or used through EasyScroller, a simplified...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 20
    Project Hestia

    Project Hestia

    A grid-based, modular dashboard built entirely from HTML, CSS, and JS

    Project Hestia is a powerful open-source backend framework and runtime that aims to simplify the development of scalable, distributed applications by providing a modular set of core services such as user authentication, permission enforcement, event streaming, and service orchestration. Built with modern application needs in mind, Hestia-Core abstracts common infrastructure concerns so developers can focus on business logic rather than boilerplate integration of third-party services. It...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 21
    Binance Trading Bot

    Binance Trading Bot

    Automated Binance trading bot, trade multiple cryptocurrencies

    Automated Binance trading bot. Trade multiple cryptocurrencies. Buy low/sell high with Grid Trading. Integrated with TradingView technical analysis. This bot is using the concept of trailing buy/sell order which allows following the price fall/rise. Trailing Stop Orders About Trailing Stop Orders Concept you can find at Binance Official document. Place orders at a fixed value or percentage when the price changes. Using this feature you can buy at the lowest possible price when buying down and sell at the highest possible price when selling up. ...
    Downloads: 3 This Week
    Last Update:
    See Project
  • 22
    Grommet

    Grommet

    React-based framework that provides accessibility, modularity, etc.

    ...Tailor the component library to align with your Color, Type, and Layout needs. you can even control component interaction. Support all the devices! Use Flexbox and CSS Grid to provide layouts for all those new phones and widescreen displays. Already working on a project, starting fresh, or just want to poke around and see how all this junk works?
    Downloads: 0 This Week
    Last Update:
    See Project
  • 23
    CSS Reference

    CSS Reference

    Fee visual guide to the most popular CSS properties

    ...Each entry explains what a property does, shows concise examples, and illustrates the visual result so you can internalize concepts quickly. The reference highlights common pitfalls and “gotchas,” helping you avoid surprises when mixing layout modes like Flexbox and Grid or when dealing with overflow and positioning. It favors clarity and progressive learning, moving from simple cases to more nuanced behavior and interactions between properties. Because it is written with learners in mind, the explanations are short, visual, and paired with minimal code you can copy and adapt. It’s a useful companion for day-to-day front-end work, code reviews, or quick refreshers before tackling complex layouts.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 24
    Framework7

    Framework7

    Full featured HTML framework for building iOS & Android apps

    Framework7 - is a free and open source framework to develop mobile, desktop or web apps with a native look and feel. It is also an indispensable prototyping tool to show working app prototypes as soon as possible in case you need to. With such a stunning set of UI components that Framework7 provides right from the box, it allows to create of web apps, progressive web apps (PWA) and iOS and Android apps with a native look and feel. You can use any tools you love when working with Framework7....
    Downloads: 1 This Week
    Last Update:
    See Project
  • 25
    Oruga UI

    Oruga UI

    Oruga is a lightweight library of UI components without CSS framework

    ...Lightweight: no other internal dependency and import only components that you need. Oruga doesn't depend on any specific style or CSS framework (like Bootstrap, Bulma, TailwindCSS etc...) and it doesn't provide any grid system or CSS utility, it just offer a set of components easy to customize. Oruga wants you to focus only on UI/UX aspects of your application and be totally flexible to future changes without having to touch a line of JavaScript.
    Downloads: 0 This Week
    Last Update:
    See Project
  • Previous
  • You're on page 1
  • 2
  • 3
  • 4
  • 5
  • Next
Auth0 Logo