Search Results for "example"
Sort By:
Showing 28 open source projects for "example"
View related business solutions-
Stop vibe-debugging.AppSignal's MCP server hands Claude, Cursor, or Zed your real errors, traces, and the deploy that shipped them. AI writes the fix; you review the diff.
-
Build Agents and Models on One PlatformGemini Enterprise Agent Platform is Google Cloud's comprehensive platform for developers to build, scale, govern, and optimize agents and models. Choose from Google's most advanced models and third-party models like Anthropic's Claude Model Family.
-
1
Claude Code Project Configuration
Comprehensive Claude Code project configuration example with hooks
Claude Code Project Configuration is a comprehensive example repository that demonstrates how to configure a real-world project to take full advantage of Claude Code’s capabilities, combining hooks, skills, agents, commands, and GitHub Actions workflows in a complete template. The showcase illustrates how to build a reusable set of domain-specific skills that encode the team’s coding patterns, conventions, and best practices so that Claude can generate code that naturally fits the project’s style out of the box. ... -
2
Rancher UI
Rancher UI
...We highly suggest making customizations as an ember-cli addon rather than forking this repo, making a bunch of changes and then fighting conflicts to keep it up to date with upstream forever. ui-example-addon-machine is an example addon that adds a custom screen for a docker-machine driver. If there is no way for you to get to what you want to change from an addon, PRs to this repo that add generalized hooks so that you can are accepted. Rancher UI uses Ember CLI Pods for its project structure. We suggest reading the documentation if you have questions about the layout of the Rancher UI project. -
3
ember-engines
Composable Ember applications for ambitious user experiences
...However, unlike an application, an engine does not boot itself nor does it control its own router. Engines rely on their hosts to fulfill these responsibilities. The often-used example of this is a "blogging" application. While a blog itself could be a full-fledged application, you may also wish to use it as a specific subsection of your overall application. -
4
UIkit
Lightweight modular front-end framework for developing web interfaces
A lightweight and modular front-end framework for developing fast and powerful web interfaces. UIkit will work on pretty much any modern browser. Using UIkit works best if you have a solid code editor, for example Sublime Text or Atom. To be even more efficient, we recommend that you install one of the autocomplete plugins for your favorite IDE or code editor. This saves a lot of time, as you won't have to look up and type all UIkit classes and markup. To use UIkit's CSS and JavaScript, include the files in your own HTML and then create the markup of any of the components. ... -
$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.
-
5
Inquirer.js
A collection of common interactive command line user interfaces
...Internally, Inquirer uses the JS reactive extension to handle events and async flows. This mean you can take advantage of this feature to provide more advanced flows. For example, you can dynamically add questions to be asked. -
6
Atropos
Stunning touch-friendly 3D parallax hover effects
...Because Atropos is very small (just ~2 KB minified + gzipped) and has zero dependencies, it's ideal for performance-conscious applications and does not bloat bundle size. Developers can customize parameters — for example, perspective, rotation, scale, and responsiveness to pointer/touch events — to fine-tune how elements respond to user interaction. -
7
React Native Loading Spinner Overlay
React Native loading spinner overlay
React Native loading spinner overlay. Integrate it inside the parent-most/top-level/root component in your app. Wrap usage of actions after attempting to stop the spinner with setTimeout to avoid the non-stop spinner issue. -
8
Material Kit 2
Free and Open Source UI Kit for Bootstrap 4, React, Vue.js,etc.
...It's a great pleasure to introduce to you the material concepts in an easy-to-use and beautiful set of components. Along with the restyling of the Bootstrap elements, you will find three fully-coded example pages, to help you design your next project. Material Kit makes use of light, surface, and movement. It uses a deliberate color choice, edge-to-edge imagery, and large-scale typography. The general layout resembles sheets of paper following multiple different layers so that the depth and order are obvious. The navigation stays mainly on the left and the actions on the right. ... -
9
React-WeUI
WeUI Components build with React
...The project combines React components with the underlying WeUI styling, which means teams can work in a modern component architecture instead of manually stitching together markup and CSS for each screen. 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. -
Custom VMs From 1 to 96 vCPUs With 99.95% UptimeLive migration and automatic failover keep workloads online through maintenance. One free e2-micro VM every month.
-
10
Frisbee
Modern fetch-based alternative to axios/superagent/request
Modern fetch-based alternative to axios/superagent/request. Great for React Native. -
11
React Autosuggest
WAI-ARIA compliant React autosuggest component
...Supports custom suggestion rendering, multiple sections, and more. Suggestions can also be presented in multiple sections. Note that we highlight the first suggestion by default. Apply any styling you wish. For example, render images and highlight the matching string. When the suggestions list is long, you may want to make it scrollable. Note that the suggestions are rendered even when the input field is not focused. 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). ... -
12
jsInputFormatter
Simple Input Formatter for Javascript
...inputFormatter(event,mask) event: element input event mask: String with mask # - Any valid number * - Anything Others characters don't change inputDecimalFormatter(event,decimal) event: element input event decimal: Integer number with decimal Example 1 - Credit Card: Credit Card #### #### #### #### <input id="cartao" type="text" oninput="inputFormatter(event,'#### #### #### ####')"/> Example 2 - Phone number: Brazil Phone number (##)*####-#### <input id="phone" type="text" oninput="inputFormatter(event,'(##)*####-####')"/> Example 3 - Decimal number : Decimal 0.00 <input id="valor" type="number" oninput="inputDecimalFormatter(event,2)" value='0.00'/> -
13
Headroom.js
Give your pages some headroom, hide your header until you need it
Headroom.js is a lightweight, high-performance JS widget (with no dependencies!) that allows you to react to the user's scroll. The header on this site is a living example, it slides out of view when scrolling down and slides back in when scrolling up. Fixed headers are a popular approach for keeping the primary navigation in close proximity to the user. This can reduce the effort required for a user to quickly navigate a site, but they are not without problems. Large screens are usually landscape-oriented, meaning less vertical than horizontal space. ... -
14
React-Virgin
The react-native UI Kit you've been looking for
...React-Virgin focuses on simplicity and accessibility, offering a clean starting point that developers can customize and expand as their application grows. It also includes example implementations and documentation to guide developers through setup and usage. -
15
Tabler React
React components and demo for the Tabler UI theme
...Make sure you have Node.js 8+ and yarn installed. For more examples and documentation see the demo website. You should now be up and running with live browser reloading of the example website while you work on Tabler React components in the /src folder. When you're done working on your changes, submit a PR with the details and include a screenshot if you've changed anything visually. -
16
iView Weapp
A set of high-quality WeChat applet UI component library
Use WeChat to scan and experience the example of small program components. Before you start using iView Weapp, you need to read the micro-channel applet custom components related documents. 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. -
17
NüHelp: Word/HTML to CHM converter
Convert Microsoft Word and HTML files to a CHM help file.
*New version 2018.04.23* - use the contact page on opulos.com or sourceforge to report any issues. NüHelp converts Microsoft Word documents and HTML files to a CHM file. It's easy to use for beginners and has lots of options for advanced users. Requirements: 1) Word 2003, 2007, 2010 or 2013. 2) HTML Help Workshop (included in zip file) 3) .Net 3.5 Client Profile (already on most computers) *** Win7/8 users: After downloading the file, you will have to right click on the zip... -
18
Interactable
Experimental implementation of high performance interactable views
This is an experimental implementation of a declarative API for handling fluid user interactions with views at 60 FPS in React Native. Here are some example use-cases for views that users can interact with. Swipeable card (a la Google Now) springing into place unless swiped away with enough force. Drawer snapping between closed and open with buttons appearing gradually as it's being dragged. Collapsible header that snaps to a smaller size as the content below is being scrolled. Chat heads (a la Facebook Messenger) that can be dragged around but snap to corners of the screen. ... -
19
Slideout.js
A touch slideout navigation menu for your mobile web apps
...Supports Chrome (IOS, Android, desktop), Firefox (Android, desktop), Safari (IOS, Android, desktop), Opera (desktop), and IE 10+ (desktop and mobile). You can use the special HTML attribute data-slideout-ignore to disable dragging on some elements. For example, if you have to prevent slideout will open when touch on carousels, maps, iframes, etc. The slideout emits translatestart, translate and translateend events only when it is opening/closing via touch events. -
20
react-native-app-intro
React native component implementing a parallax effect welcome page
...You can use pageArray quick generation your app intro with parallax effect. With the basic usage, the Android status bar will be updated to match your slide background color. If you need customized page like my Example, you can pass in View component into AppIntro component and set level. -
21
angular-filemanager
JavaScript file manager Material Design folder explorer
A very smart filemanager to manage your files in the browser developed in AngularJS following Material Design styles by Jonas Sciangula Street. This project provides a web file manager interface, allowing you to create your own backend connector following the connector API. By the way, we provide some example backend connectors in many languages as an example (PHP-FTP, PHP-local, python, etc). Pick files callback for third parties apps. Directory tree navigation. Copy, Move, Rename (Interactive UX). Delete, edit, preview, download. File permissions (Unix chmod style). Mobile support. Drag and drop. Dropbox and Google Drive connectors. ... -
22
ProgressBar.js
Responsive and slick progress bars
...It provides a few built‑in shapes like Line, Circle and SemiCircle but you can also create custom shaped progress bars with any vector graphic editor. ProgressBar.js is lightweight, MIT licensed and supports all major browsers including IE9+. A simple code example of creating a Line shaped progress bar and animating it from 0% to 100%. ProgressBar.js uses shifty tweening library to animate path drawing. So in other words, animation is done with JavaScript using requestAnimationFrame. Animating with JS gives more control over the animation and is supported across major browsers. For example IE does not support animating SVG properties with CSS transitions. -
23
MaeBlok
Rapid web development tool for business applications
You assemble *blocks* in your django template, with each block wired to a tastypie resource, which in turn is mapped to a django model. Each *block* will reside in a dijit ContentPane which you must define in your template. You have a choice of 2 layouts for each *block*, Form or Grid based. Form displays a single record in either a 1, 2 or 3 column layout while Grid displays many rows in a spreadsheet like grid. You can perform edits in place on fields in both layouts. You can... -
24
alinous-jquery-parts
jQuery parts with server side program
jQuery parts with server side program. This source code includes example of calendar application, jquery parts. -
25
Snap.js
A Library for creating beautiful mobile shelfs in Javascript
...The slide intent is an int between 0 and 90, and represents the degrees in the first quadrant of a circle that you would like to have mirrored on the X and Y axis. For example, if you have 40 set as your slideIntent value, the user would only be able to slide the pane by dragging in the blue area in the diagram below. Once intent has been defined, it will not change until the user releases. CSS3 Powered Animations with IE fallbacks, drag support, drag handle support. Programatic API, "No-Drag" elements, and definable easing mode. ...
