Search Results for "grid"
Sort By:
Showing 39 open source projects for "grid"
View related business solutions-
Gemini 3 and 200+ AI Models on One PlatformBuild generative AI apps with Vertex AI. Switch between models without switching platforms.
-
Try Google Cloud Risk-Free With $300 in CreditUse your credit across every product. Compute, storage, AI, analytics. When it runs out, 20+ products stay free. You only pay when you choose to.
-
1
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. -
2
Must-Watch CSS
CSS Grid, flexbox, custom variables, performance, frameworks
Must-Watch CSS is a curated collection of high-quality recorded talks and presentations about CSS, covering both foundational topics (like layout, Flexbox, Grid) and more advanced or modern concerns (such as performance, tooling, CSS variables, animations, and architecture). Rather than being a code library, it serves as a learning resource — a “watch-list” for front-end or UI developers who want to deepen their understanding of CSS beyond basic syntax. The repository organizes talks by year and topic, giving a historical and topical overview of how CSS practices and tools have evolved. ... -
3
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. ... -
4
MingCute Icon
Carefully Designed Icon Library
MingCute is a set of simple and exquisite open-source icon library. Whether you're a designer or a developer, it's perfect for use in web and mobile. Every icon is designed within a 24 x 24 grid, giving an outline and filled styles, 2px stroke. Support for SVG,PNG and webfont. Head on to the website of MingCute. Click the icons, you can adjust the color size, and then download the icons in SVG or PNG format. -
MongoDB Atlas runs apps anywhereMongoDB Atlas gives you the freedom to build and run modern applications anywhere—across AWS, Azure, and Google Cloud. With global availability in over 115 regions, Atlas lets you deploy close to your users, meet compliance needs, and scale with confidence across any geography.
-
5
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. ... -
6
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. -
7
HYPRE
Parallel solvers for sparse linear systems featuring multigrid methods
...It offers a comprehensive suite of scalable solvers for large-scale scientific simulation, featuring parallel multigrid methods for both structured and unstructured grid problems. The HYPRE library is highly portable and supports a number of languages. Work on HYPRE began in the late 1990s. It has since been used by research institutions and private companies to simulate groundwater flow, magnetic fusion energy plasmas in tokamaks and stellarators, blood flow through the heart, fluid flow in steam generators for nuclear power plants, and pumping activity in oil reservoirs, to name just a few areas. ... -
8
Iconoir
An open source icons library with 1K+ icons
Iconoir is an open-source library with 1000+ unique SVG icons, designed on a 24x24 pixels grid. No premium icons, no email sign-up, no newsletters. A React library is available to install under the name iconoir-react. A Flutter library is available to install under the name iconoir_flutter. Iconoir is happily part of Framer now. To start using the icons, on the top menu, Insert > Graphics > Iconoir. You can switch between icons from the right sidebar in the editor. -
9
HyperUI
Free Tailwind CSS v4 components for your next project
...Each snippet is written as semantic HTML with Tailwind utility classes, making it easy to customize spacing, color, and typography through a project’s Tailwind config. The components are responsive by default, using grid and flex patterns that adapt cleanly from mobile to widescreen layouts. Accessibility is treated pragmatically: markup favors proper roles and focus states, and most interactive behaviors can be wired with lightweight libraries or framework code if desired. Because everything is plain markup, adoption is frictionless in any stack (React, Vue, Svelte, Rails, Laravel), and designers can tweak styling without refactoring component logic. -
8 Monitoring Tools in One APM. Install in 5 Minutes.AppSignal works out of the box for Ruby, Elixir, Node.js, Python, and more. 30-day free trial, no credit card required.
-
10
Floem
A native Rust UI library with fine-grained reactivity
Floem is a cross-platform GUI framework for Rust. It aims to be extremely performant while providing world-class developer ergonomics. Supporting both GPU and CPU rendering, Floem gives you performance that's closest to bare metal. Also primitives are provided to help the developer to write performant UI code without too much effect. -
11
Flutter Examples
Simple basic isolated apps, for budding flutter devs
flutter-examples is a repository of standalone example Flutter apps that demonstrate various features, integrations, and UI / functional behaviors in Flutter. It covers many use-cases (navigation, state, HTTP, dependency injection, Firebase, etc.) so that developers can clone, run, and inspect working code to learn how to implement those features. Please keep PR titles easy to read and descriptive of changes, this will make them easier to merge. Complete apps with multiple features. Examples... -
12
Drag & Drop n' Swipe Recyclerview
Kotlin Android library that extends RecyclerView to support gestures
Highly customizable Android library written in Kotlin that uses AndroidX and extends RecyclerView to include extra features, such as support for drag & drop and swipe gestures, among others. It works with vertical, horizontal and grid lists. -
13
Keen UI
A lightweight Vue.js UI library with a simple API
Keen UI is a Vue.js UI library with a simple API, inspired by Google's Material Design. Keen UI is not a CSS framework. Therefore, it doesn't include styles for a grid system, typography, etc. Instead, the focus is on interactive components that require Javascript. You should be able to use Keen UI with any page layout, structure, or CSS framework. -
14
Solved by Flexbox
A showcase of problems once hard or impossible to solve with CSS
...The project emphasizes progressive enhancement and calls out where fallbacks or browser caveats may apply, reflecting the realities of shipping layouts on the web. Even as CSS Grid gained traction, the patterns remain a practical reference for component-level alignment and one-dimensional layouts where Flexbox excels. As a teaching resource, it has helped countless developers internalize Flexbox mental models and replace brittle layout tricks with robust, modern CSS. -
15
CloudSchool
Another School Management System
Another School Management System was built with Laravel and PHP 7. -
16
Euler
A distributed graph deep learning framework.
As a general data structure with strong expressive ability, graphs can be used to describe many problems in the real world, such as user networks in social scenarios, user and commodity networks in e-commerce scenarios, communication networks in telecom scenarios, and transaction networks in financial scenarios. and drug molecule networks in medical scenarios, etc. Data in the fields of text, speech, and images is easier to process into a grid-like type of Euclidean space, which is suitable for processing by existing deep learning models. Graph is a data type in non-Euclidean space and cannot be directly applied to existing methods, requiring a specially designed graph neural network system. Graph-based learning methods such as graph neural networks combine end-to-end learning with inductive reasoning, and are expected to solve a series of problems such as relational reasoning and interpretability that deep learning cannot handle. -
17
frontend-mentor-challenges
My submissions for the Frontend Mentor Challenges
...The codebase shows solutions in HTML, CSS, Javascript, with each challenge typically including an original design file plus the author’s implementation. It’s a great way to practice responsive layouts, CSS grid/flexbox mastery, UI refinement, and build portfolio-worthy front-end snapshots. The README shows that the author has live demos and even a YouTube playlist of walkthroughs. This sort of repository is useful for demonstrating front-end craftsmanship, CSS/HTML mastery, and attention to design detail. It also helps reinforce iteration on design challenges and small reusable components. -
18
m2m-js
Vanilla js Libraries
m2m-js is a set of various Vanilla js libraries. Vanilla js. Vanilla Javascript/ Sortable Grid / Repeater / List library. Form Validation. Easy Field Binding. Supports Template based development. Supports Component Based development. Custom Components like Calendar. Observer-Observable sample. 'Update UI On State Change' in a few lines of code. Fully re-written in ES8. -
19
html5-canvas-2d-grid-layout
A simple grid model system for drawing shapes in an HTML canvas
This project allows the user to define a grid configuration model for a canvas within an HTML document. The grid configuration allows the user to specify height and width of grid "units". Once the grid configuration is defined, the user can create an draw certain shapes and lines, specifying locations in "units" of where objects should be placed in the canvas. Shapes and lines support configuration themselves for color, stroke width, etc. -
20
Libraries for Vue
Vue Libraries
Libraries for Vue - Grid. Sortable grid with pagination and column filtering. -
21
Dashboards by Keen IO
Responsive dashboard templates
Responsive dashboard templates for Bootstrap. Building an analytics dashboard? Don’t start from scratch. Grab one of our CSS Grid-based templates and admire your data in minutes. An attractive, custom analytics dashboard that's ready to be shown to your team or your customers. No hours lost tweaking CSS or testing responsiveness on eight different mobile devices. The templates can work with any data source or charting library, but they're particularly streamlined to work with Keen IO's Dataviz SDK. ... -
22
iView Weapp
A set of high-quality WeChat applet UI component library
...We have built-in examples of all components, you can scan the small program code experience on the right, or view it in WeChat developer tools. Then, the examplesdirectory can be opened in the micro-channel developer tools. We adopted a 24-grid system to divide the area into 24 equal parts, which can easily deal with most layout problems. Using the grid system for web page layout can make the page layout beautiful and comfortable. The grid contains 4 components: i-grid, i-grid-item, i-grid-icon, i-grid-label, among them, i-grid-icon and i-grid-label have customized styles by default, but These two components can also be eliminated in development. -
23
Masonry
A cascading grid layout plugin
Masonry is a JavaScript grid layout library. It works by placing elements in optimal position based on available vertical space, sort of like a mason fitting stones in a wall. You’ve probably seen it in use all over the Internet. All sizing and styling of items is handled by your own CSS. tem sizes can be set with percentages for responsive layouts. With the masonry layout mode, set percentage-width columnWidth with element sizing. -
24
...The SlimGrid is built on top of the Apache's ZooKeeper library for coordination of distributed systems and Apache Curator awesome API simplification. Slimgrid allows also one-way synchronization of grid application folders (from the server to workers). This is useful when the grid app has been updated. Slimgrid is very robust. One of his successful mission was to perform more than 140.000 tasks in the grid with 40+ computers located in three different countries (Norway, Germany, Canada) and behind various firewalls (University labs).
-
25
rowGrid.js
A small, lightweight JavaScript plugin for placing items
rowGrid.js is a small, lightweight (~1000 bytes gzipped) jQuery plugin for placing images (or other items) in straight rows. The grid is similar to grids on Google Image Search, Flickr, Shutterstock and Google+ images. All items must have the same height but the width can be variable. RowGrid.js justifies the items in straight rows so that the width of the rows equals the width of the container/parent element. At first, rowGrid.js adjusts the margin between the items.
