Search Results for "grid"
Sort By:
Showing 61 open source projects for "grid"
View related business solutions-
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.
-
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.
-
1
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. -
2
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. -
3
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. ... -
4
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. ... -
Full-stack observability with actually useful AI | Grafana CloudBuilt on open standards like Prometheus and OpenTelemetry, Grafana Cloud includes Kubernetes Monitoring, Application Observability, Incident Response, plus the AI-powered Grafana Assistant. Get started with our generous free tier today.
-
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
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. -
7
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. -
8
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... -
9
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... -
Add Two Lines of Code. Get Full APM.Works out of the box for Rails, Django, Express, Phoenix, and more. Monitoring exceptions and performance in no time.
-
10
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.... -
11
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? -
12
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. -
13
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. -
14
UI-Grid
UI Grid, an Angular data grid
UI-Grid is currently compatible with Angular versions ranging from 1.4.x to 1.8.x. UI-Grid comes bundled with several features. You can use jsdelivr.com's cdn url to access the files. Just alter the version as you need. UI-Grid has an excellent plugin system. Most new features can be added as plugins. Please see some discussion of that in the Developer guidelines. -
15
LostGrid
LostGrid is a powerful grid system built in PostCSS
Lost Grid is a powerful grid system built in PostCSS that works with any preprocessor and even vanilla CSS. LostGrid makes use of calc() to create stunning grids based on fractions you define without having to pass a lot of options. LostGrid relies on calc() to create the grid. Thus, LostGrid is limited to browsers that support calc(). The great thing is that calc() is widely supported in all current browsers and the LostGrid usage of calc() is supported as far back as IE9+. ... -
16
Jekyll LibDoc
A Jekyll documentation theme with built-in search and playground
A Jekyll documentation theme with built-in search and playground. LibDoc is a Jekyll theme that was crafted to easily and quickly get properly designed documentation, especially for CSS and Javascript libraries. It comes with a built-in playground and a local search engine. -
17
vue-grid-layout
A draggable and resizable grid, for Vue.js.
vue-grid-layout is a grid layout system, like Gridster, for Vue.js. Heavily inspired by React-Grid-Layout. Bounds checking for dragging and resizing. Widgets can be added or removed without rebuilding grid. Layout can be serialized and restored. Automatic RTL support (resizing not working with RTL on 2.2.0). For legacy browsers, like IE11, use version 2.3.12-legacy. -
18
Bojler
Bojler is an email framework
...Thanks to built-in automation (SASS compiler, CSS inline and CSS linter) and boilerplate template it's easy to start and work on every new email template. It's the 21st century, stop writing inlined CSS! Bojler gives you the ability to create responsive email templates with a modern grid system, SASS, and built-in CSS inline. -
19
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. -
20
Bootstrap Vue
Comprehensive implementations of Bootstrap v4 for Vue.js
With more than 85 components, over 45 available plugins, several directives, and 1000+ icons, BootstrapVue provides one of the most comprehensive implementations of the Bootstrap v4.5 component and grid system available for Vue.js v2.6, complete with extensive and automated WAI-ARIA accessibility markup. With BootstrapVue you can build responsive, mobile-first, and ARIA accessible projects on the web using Vue.js and the world's most popular front-end CSS library, Bootstrap v4. Easily integrate BootstrapVue into your Nuxt.js projects using our included Nuxt.js module. ... -
21
Muuri
Infinite responsive, sortable, filterable and draggable layouts
Muuri creates responsive, sortable, filterable and draggable layouts. Comparing to what's out there Muuri is a combination of Packery, Masonry, Isotope and Sortable. You can build pretty amazing layouts without a single line of JavaScript these days. However, sometimes (rarely though) CSS just isn't enough, and that's where Muuri comes along. At it's very core Muuri is a layout engine which is limited only by your imagination. You can seriously build any kind of layout, asynchronously in web... -
22
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. -
23
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. -
24
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. -
25
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.
