Search Results for "page"
Sort By:
Showing 61 open source projects for "page"
View related business solutions-
$300 Free Credits for Your Google Cloud ProjectsLaunch 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.
-
Ship Agents FasterGemini 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.
-
1
ScrollMagic
The javascript library for magical scroll interactions
...Animate based on scroll position, pin an element starting at a specific scroll position, toggle CSS classes of elements on and off based on scroll position, effortlessly add parallax effects to your website, create an infinitely scrolling page, add callbacks at specific scroll positions or while scrolling past a specific section. Either trigger an animation or synchronize it to the scrollbar movement (like a playback scrub control). Pin an element starting at a specific scroll position, either indefinitely or for a limited amount of scroll progress (sticky elements). You can add callbacks at specific scroll positions or while scrolling past a specific section, passing a progress parameter. -
2
dejavu
The missing web UI for Elasticsearch
dejavu is the missing web UI for Elasticsearch. Existing web UIs leave much to be desired or are built with server-side page rendering techniques that make it less responsive and bulkier to run (I am looking at you, Kibana). We started building dejavu with the goal of creating a modern Web UI (no page reloads, infinite scroll, filtered views, realtime updates, search UI builder) for Elasticsearch with 100% client-side rendering so one can easily run it as a hosted app on github pages, as a chrome extension or as a docker image. ... -
3
Bootstrap 5 UI KIT
Bootstrap 5 & Material Design 2.0 UI KIT
...Use MDB custom button styles for actions in forms, dialogs, and more with support for multiple sizes, states, and more. Indicate the loading state of a component or page with MDB spinners, built entirely with HTML, CSS, and no JavaScript. A card is a flexible and extensible content container. It includes options for headers and footers, a wide variety of content, contextual background colors, and powerful display options. -
4
Knockout
Tool to create rich, responsive UIs with JavaScript
...Implicitly set up chains of relationships between model data, to transform and combine it. Quickly generate sophisticated, nested UIs as a function of your model data. Get started with knockout.js quickly, learning to build single-page applications, custom bindings and more with interactive tutorials. Knockout is a JavaScript MVVM (a modern variant of MVC) library that makes it easier to create rich, desktop-like user interfaces with JavaScript and HTML. It uses observers to make your UI automatically stay in sync with an underlying data model, along with a powerful and extensible set of declarative bindings to enable productive development. ... -
Stop Cyber Threats with VM-Series Next-Gen Firewall on AzureGain integrated visibility across all traffic in a single pass. Deploy Palo Alto Networks VM-Series to determine application identity and content while automating security policy updates via rich APIs.
-
5
axe-core
Accessibility engine for automated Web UI testing
...Axe-core has different types of rules, for WCAG 2.0 and 2.1 on level A and AA, as well as a number of best practices that help you identify common accessibility practices like ensuring every page has an h1 heading, and to help you avoid "gotchas" in ARIA like where an ARIA attribute you used will get ignored. With axe-core, you can find on average 57% of WCAG issues automatically. Additionally, axe-core will return elements as "incomplete" where axe-core could not be certain, and manual review is needed. -
6
Random Color
A tiny script for generating attractive colors
...More specifically, randomColor produces bright colors with a reasonably high saturation. This makes randomColor particularly useful for data visualizations and generative art. Once you’ve included randomColor.js on your page, calling randomColor() will return a random attractive color. Beneath is the output of randomColor called 54 times. You can also pass an options object to randomColor. This allows you to specify the hue, luminosity and the number of colors to generate. -
7
bala.js
A function for elements selection
bala.js is a function that allows you to select elements on a web page. -
8
Modern UI/UX GPT-3
Master the creation of Modern UX/UI Websites
This repository teaches how to craft a modern marketing site with polished UI/UX patterns using React and CSS. It focuses on layout, typography, spacing, and component structure to produce a landing page feel often seen in contemporary product sites. The project encourages clean semantics and reusable components while keeping the stack lightweight. It’s positioned as a design-driven build rather than a data-heavy app, making it ideal for practicing hero sections, feature blocks, responsive grids, and call-to-action areas. Learners are guided to reproduce a professional aesthetic and refine details that make interfaces feel cohesive. ... -
9
UI-Grid
UI Grid, an Angular data grid
...Please see some discussion of that in the Developer guidelines. There is a list of known plugins on the tutorial site. If you would like your plugin added to that list, please edit the tutorial page and send a pull request. The first step is to install dependencies. git is required and must be available from the command line. If you don't have it, install git and ensure that the executable is in your path. If you are new to git, the easiest way to install is by installing the github client. Development "watch" task. This will automatically rebuild from source on changes, reload Gruntfile.js if you change it, and rebuild the docs. -
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.
-
10
SVGR
Transform SVGs into React components
React supports SVG out of the box, it's simpler, easier and much more powerful to have components instead of SVG files. Wrapped in a React component, your SVG is inlined in the page and you can style it using CSS. SVGR differs from other library by its solid architecture. It uses svg-parser + Babel to transform SVG code into JavaScript code. A whole directory can be processed, all SVG files (matching .svg or .SVG) are transformed into React components. It is possible to target React Native using react-native-svg. ... -
11
FireWeb
Java Single Page Web Application Framework
Java Single Page Application Framework. Using POJO/JavaScript/WebSocket/HTML. Without any scripting - only pure Java classes. Simply and easy to learn, use and extend. -
12
ScrollTrigger
Let your page react to scroll changes
The most basic usage of ScrollTrigger is to trigger classes based on the current scroll position. E.g. when an element enters the viewport, fade it in. You can add custom offsets per element, or set offsets on the viewport (e.g. always trigger after the element reaches 20% of the viewport) When using the callbacks ScrollTrigger becomes really powerful. You can run custom code when an element enters/becomes visible, and even return Promises to halt the trigger if the callback fails. This... -
13
Pencil
The Pencil Project's unique mission is to build a free tool
Pencil is built for the purpose of providing a free and open-source GUI prototyping tool that people can easily install and use to create mockups in popular desktop platforms. The latest stable version of Pencil is 3.1.0 which contains stability fixes and many new features. More details can befound in the releaste notes. Pencil provides various built-in shapes collection for drawing different types of user interface ranging from desktop to mobile platforms. Starting from 2.0.2, Pencil is... -
14
LuLu UI
Cross-end and cross-framework native UI component library
...It is very suitable for PC websites facing external users, or projects that require lightweight and agile. At this point, modify the JS and CSS files of the project, refresh the corresponding component page, and you can see the effect of the change. The whole project of LuLu is to provide JS and CSS of some UI components, very pure JS and CSS, close to native, simple and straightforward, plug and play. LuLu UI supports the direct import of CSS and JS file addresses, which are common to all themes. LuLu UI is built based on native HTML features, so when using it, the HTML is still the original HTML, and the CSS is still the original CSS. ... -
15
Ladda
Buttons with built-in loading indicators
Ladda is a small UI library that makes buttons feel responsive by combining loading indicators and progress feedback directly inside the button itself. Instead of showing spinners elsewhere on the page, Ladda turns the button into the stateful element: click it, it shows loading, and optionally it can show progress. This pattern improves user experience on forms and actions that take more than a split second, because users immediately understand that the click was received. Ladda ships with multiple styles (expand, zoom, slide) so it can blend into different UI designs without rewriting CSS from scratch. ... -
16
vuex-persistedstate
Persist and rehydrate your Vuex state between page reloads
Persist and rehydrate your Vuex state between page reloads. New plugin instances can be created in separate files, but must be imported and added to plugins object in the main Vuex file. It is possible to use vuex-persistedstate with Nuxt.js. It must be included as a NuxtJS plugin. Provides an array of any paths to partially persist the state. If no paths are given, the complete state is persisted. -
17
layer
Web pop-up layer components to realize almost all pop-up interactions
layer is a web pop-up layer component that has always been favored. It has a full range of solutions and is aimed at developers of all levels. Your page will easily have a rich and friendly operating experience. In comparison with similar components, layer will be more accessible for developers. It is not only based on "face" to win, but tries to show more robust functions with less code as much as possible, and pays special attention to performance improvement, ease of use and practicality. ... -
18
Infinite Scroll
Automatically add next page
...For IE10 and Android 4 support, try Infinite Scroll v3. Infinite Scroll upholds URLs by changing them automatically as the user scrolls. Users can refresh the current page or return to a scrolled page and their position will be maintained. No more tears when you scroll 20 pages and accidentally hit refresh. Try out the full page demo. -
19
hexo-theme-matery
A beautiful hexo blog theme with material design
Simple and beautiful, and post is Beautiful and readable, with Material Design. Responsive design, which can be displayed well on desktop, tablet, mobile phone, etc. Home page carousel posts and changing 'banner' picture dynamically every day. Blog posts list with waterflow (There will be 24 images if the article doesn't have featured pictures). Archive page with the timeline. Tags page of the word cloud and categories page of the radar chart. Rich 'About' page (including about me, posts charts, my projects, my skills, gallery etc.). ... -
20
Evolutility-UI-jQuery
Model-driven Web UI for CRUD using REST or localStorage
Evolutility-UI-jQuery provides a set of generic Backbone Views to browse, edit, filter, export and chart Backbone models and collections of different structures. With it you can make web applications by configuring views with metadata instead of hand-coding templates, Javascript and CSS. -
21
React-WeUI
WeUI Components build with React
...The repository includes documentation with live examples, installation options for both package managers and browser-based usage, and example code that shows how quickly a page can be assembled from imported components. Because of its heritage, React-WeUI is especially relevant for mobile web experiences, lightweight app-like pages, and products targeting users familiar with WeChat-inspired interaction patterns. -
22
jQuery Fullscreen Plugin
Plugin provides a simple to use mechanism to control fullscreen mode
This jQuery plugin provides a simple-to-use mechanism to control the new fullscreen mode of modern browsers. Currently, only newer Webkit-based browsers (Like Chrome and Safari), Firefox and IE11+ provide this new fullscreen feature. Simply pass no argument to the fullScreen method to query the current state. The method returns the current fullscreen element (or true if browser doesn't support this) when fullscreen mode is active, false if not active or null when the browser does not support... -
23
React Autosuggest
WAI-ARIA compliant React autosuggest component
...The only reason id exists, is to set ARIA attributes (they require a unique id). When rendering a single Autosuggest, don't set the id (it will be set to '1', by default). When rendering multiple Autosuggest components on a page, make sure to give them unique ids. -
24
Chardin.js
Simple overlay instructions for your apps
Chardin.js is a jQuery plugin that creates a simple overlay to display instructions on existent elements. It is inspired by the recent Gmail new composer tour. Add the instructions to your elements. Text to show with the instructions/tooltip. data-position: (left, top, right, bottom), where to place the text with respect to the element. In addition, you can alter the relative position of the tooltip text by placing a colon and a percentage value (-100 to 100) after the position text, eg... -
25
JSUI
A powerful UI toolkit for managing JavaScript apps
...Mark a project with a red border if it's not using Git yet. Open the project in Finder. Open the project in your editor of choice (configurable in Settings). Quick preview of package.json. Open the GitHub/Bitbucket/GitLab page for the project. Start the project. Remove the project from the dashboard. The scripts run in an integrated Terminal that supports multiple tabs so you can see the output, or you can minimize it if you don't care.
