forge($name = 'default', $config = array())
The forge method allows you to create a new pagination instance, and configure it by passing an array.
| Static | Yes | |||||||||
|---|---|---|---|---|---|---|---|---|---|---|
| Parameters |
|
|||||||||
| Returns | Pagination | |||||||||
| Example |
|
The pagination class allows you to easily setup pagination for records you display.
Simple examples on how to use the Pagination class . You can put this inside your action methods in your controller.
$config = array(
'pagination_url' => 'http://localhost/fuel/welcome/index/',
'total_items' => 10,
'per_page' => 5,
'uri_segment' => 3,
// or if you prefer pagination by query string
//'uri_segment' => 'page',
);
// Create a pagination instance named 'mypagination'
$pagination = Pagination::forge('mypagination', $config);
$data['example_data'] = DB::select('id', 'value')
->from('pagination')
->limit($pagination->per_page)
->offset($pagination->offset)
->execute()
->as_array();
// we pass the object, it will be rendered when echo'd in the view
$data['pagination'] = $pagination;
// return the view
return \View::forge('welcome/index', $data);
$config = array(
'pagination_url' => 'http://localhost/fuel/posts/index/',
'total_items' => Model_Post::count(),
'per_page' => 10,
'uri_segment' => 3,
// or if you prefer pagination by query string
//'uri_segment' => 'page',
);
$pagination = Pagination::forge('mypagination', $config);
$data['example_data'] = Model_Post::query()
->rows_offset($pagination->offset)
->rows_limit($pagination->per_page)
->get();
// we pass the object, it will be rendered when echo'd in the view
$data['pagination'] = $pagination;
// return the view
return \View::forge('posts/index', $data);
You can configure the pagination instance in several ways. You can pass an array with the configuration when you forge the instance, or you can update the properties directly on the instance.
The following configuration settings can be defined:
| Param | Type | Default | Description |
|---|---|---|---|
| pagination_url | string |
|
The URL of page where you have pagination. If null, Fuel tries to detect it from the current URL. |
| uri_segment | integer|string |
|
The URI segment containing the page number (if integer). The query string field containing the page number (if string). |
| num_links | integer |
|
The total number of links to show. |
| total_items | integer |
|
The total number of items. Usually this is the result of a count() query. |
| per_page | integer |
|
The number of items per page. |
| current_page | integer |
|
The page to load if no page number is present in the URI. If not given, it defaults to 'default_page'. |
| show_first | bool |
|
Generates a 'to the first page' link if true and not already on the first page. |
| show_last | bool |
|
Generates a 'to the last page' link if true and not already on the last page. |
| link_offset | int / float |
|
Offset of the active link in the pagination block, either in a decimal between 0 and 1, or in an integer (precentage) between 0 and 100. |
| default_page | mixed |
|
The page to load if no page number is present in the URI. Valid are 'first', 'last' or a page number. If not given, it defaults to 'first'. |
By default, the Pagination class will try to position the active link (the one for the current page) in the middle of the pagination block.
You can control this behaviour using the link_offset value in the configuration. This value is defined either by a
float between 0 and 1, or by an integer between 0 and 100 (like a percentage). By default this value is set to 0.5
(= 50%).
If you make the value smaller, the active link will move to the left, if you make the value bigger, the active link will move
to the right.
Let's assume you have a total of 20 pages you can display. You have set num_links to 5, displaying links for 5 pages in total, and you're displaying previous and next links as well. The page you have currently selected is page 6.
is displayed, keeping the selected page 6 nicely in the middle of the block.«
4
5
67
8
»
is being displayed, making the selected page 6 the first link in the block.«
67
8
9
10
»
will be displayed.«
2
3
4
5
6»
You can use any value in the range, to progressively shift the active focus either left or right. Obviously, the more links you display, the more granular you can shift the focus.
This only works if there are enough pages to do so. If you only have 5 pages available, you want to display 5 links, and page 3 is the current page, no previous and next links are displayed, and the current page will be in the middle, no matter what the setting of link_offset is. There are simply not enough pages available to move the current page link left or right.
Every pagination instance uses a template to generate the HTML needed to create the pagination markup. You can store your standard templates in the config/pagination.php file. Copy the file from the core config folder to your app config folder before you make any modifications. The default configuration file comes with three templates, the FuelPHP default, and a Twitter Bootstrap v2 and v3 compatible template.
The following template entries must be defined:
| wrapper | string |
|
Markup that will wrap the generated pagination markup. |
|---|---|---|---|
| first | string |
|
Markup that will be used to generate the first page markup. |
| first-inactive | string | none | Markup that will be used to generate the first page markup, if this page is first or single. |
| first-inactive-link | string | none | Markup that will be used to generate the first page link, if this page is first or single. |
| first-marker | string |
|
Markup that will be used to generate the marker of first page. |
| first-link | string |
|
Markup that will be used to generate the first page link. |
| previous | string |
|
Markup that will be used to generate the previous page markup. |
| previous-marker | string |
|
Markup that will be used to generate the marker of previous page. |
| previous-link | string |
|
Markup that will be used to generate the previous page link. |
| previous-inactive | string |
|
Markup that will be used to generate the previous page markup for inactive links. |
| previous-inactive-link | string |
|
Markup that will be used to generate the previous page markup for inactive links. |
| regular | string |
|
Markup that will be used to generate the markup for other pages. |
| regular-link | string |
|
Markup that will be used to generate the markup for other page links. |
| active | string |
|
Markup that will be used to generate the markup for the current page. |
| active-link | string |
|
Markup that will be used to generate the markup for the link to the current page. |
| next | string |
|
Markup that will be used to generate the next page markup. |
| next-marker | string |
|
Markup that will be used to generate the marker of next page. |
| next-link | string |
|
Markup that will be used to generate the next page link. |
| next-inactive | string |
|
Markup that will be used to generate the next page markup for inactive links. |
| next-inactive-link | string |
|
Markup that will be used to generate the next page link for inactive links. |
| last | string |
|
Markup that will be used to generate the last page markup. |
| last-marker | string |
|
Markup that will be used to generate the marker of last page. |
| last-link | string |
|
Markup that will be used to generate the last page link. |
| last-inactive | string | none | Markup that will be used to generate the last page markup, if this page is last or single. |
| last-inactive-link | string | none | Markup that will be used to generate the last page link, if this page is last or single. |
In the template, {uri} will be replaced by the generated pagination link (by # if inactive template), and {page} by the page number or the previous / next marker. If you want to use an image for these markers, just modify the corresponding link definitions in the template, replacing {page} by the markup for the image.
The configuration you pass when you forge the pagination instance will be merged with the default template defined in your configuration file. This will allow you to only pass the values you want to override. If your template in the configuration file is not complete, the default values as mentioned above will be used.
The forge method allows you to create a new pagination instance, and configure it by passing an array.
| Static | Yes | |||||||||
|---|---|---|---|---|---|---|---|---|---|---|
| Parameters |
|
|||||||||
| Returns | Pagination | |||||||||
| Example |
|
The instance method allows you retrieve a previously forged instance, or return the default instance if no name was given.
| Static | Yes | ||||||
|---|---|---|---|---|---|---|---|
| Parameters |
|
||||||
| Returns | mixed. a Pagination object, or false if the requested instance does not exist. | ||||||
| Example |
|
The render method generates the markup to display the pagination links in the view.
| Static | No | ||||||
|---|---|---|---|---|---|---|---|
| Parameters |
|
||||||
| Returns | string | ||||||
| Example |
|
The pagination object contains an __toString() method, that will cause the render() method to be called when you echo the object, or cast it to string.
The first method generates the markup to display a "First page" link for pagination. If no string is given to be used as marker, the "first-marker" value from the template will be used.
| Static | No | ||||||
|---|---|---|---|---|---|---|---|
| Parameters |
|
||||||
| Returns | string | ||||||
| Example |
|
The "First page" link will only be shown if there is a first page, and you're not already on it. Note that by default there is no inactive link defined for 'first'.
The previous method generates the markup to display a "Previous" link for pagination. If no string is given to be used as marker, the "previous-marker" value from the template will be used.
| Static | No | ||||||
|---|---|---|---|---|---|---|---|
| Parameters |
|
||||||
| Returns | string | ||||||
| Example |
|
The next method generates the markup to display a "Next" link for pagination. If no string is given to be used as marker, the "next-marker" value from the template will be used.
| Static | No | ||||||
|---|---|---|---|---|---|---|---|
| Parameters |
|
||||||
| Returns | string | ||||||
| Example |
|
The last method generates the markup to display a "Last page" link for pagination. If no string is given to be used as marker, the "last-marker" value from the template will be used.
| Static | No | ||||||
|---|---|---|---|---|---|---|---|
| Parameters |
|
||||||
| Returns | string | ||||||
| Example |
|
The "Last page" link will only be shown if there are any pages, and you're not already on the last one. Note that by default there is no inactive link defined for 'last'.
The pages_render method generates the markup that displays the page links between previous and next links for pagination.
| Static | No |
|---|---|
| Parameters | None |
| Returns | mixed |
| Example |
|
For your convinience, the Pagination class also has a static interface that operates on the default instance only.
The get method allows you to get a configuration item on the default instance.
| Static | Yes | ||||||
|---|---|---|---|---|---|---|---|
| Parameters |
|
||||||
| Returns | mixed, properly value, or null if the property doesn't exist. | ||||||
| Example |
|
The set method allows you to set a configuration item on the default instance to the given value.
| Static | Yes | |||||||||
|---|---|---|---|---|---|---|---|---|---|---|
| Parameters |
|
|||||||||
| Returns | void | |||||||||
| Example |
|
For backward compatibility, the static methods set_config(), create_links(), next_link() and prev_link() will be emulated on the default instance, minimizing the migration effort needed when upgrading an existing application to FuelPHP v1.4+.
Note that there is no possible way to emulate direct access to static class properties at the moment, so if your application uses that, you'll have to change them:
// pre v1.4 usage:
Pagination::$per_page = 10;
// new usage:
Pagination::set('per_page', 10);
// pre v1.4 usage:
Model_Article::find()
->order_by('date', 'ASC')
->rows_offset(\Pagination::$offset)
->rows_limit(\Pagination::$per_page)
->get();
// new usage:
Model_Article::query()
->order_by('date', 'ASC')
->rows_offset(\Pagination::get('offset'))
->rows_limit(\Pagination::get('per_page'))
->get();


My Awesome JavaScript List Part 2
…well… not really… here’s the rest of my stash:
bgoonz/Cumulative-Resource-List
List of useful cheats heets Inspired by @sindresorhus awesome and improved by these amazing contributors . If you see a…github.com
· Next.js — Framework for server-rendered or statically-exported React apps.
· San — Flexible JavaScript component framework.
· hapi — Rich framework for building applications and services.
· Koa — Smaller, more expressive, and more robust foundation for web applications and APIs.
· Umi — Pluggable enterprise-level react application framework.
· Vue.js — Progressive JavaScript Framework.
· Mithril — Modern client-side Javascript framework for building Single Page Applications. (HN)
· Solid — Declarative, efficient, and flexible JavaScript library for building user interfaces.
· Neutrino dev
· Alpine.js — Rugged, minimal framework for composing JavaScript behavior in your markup. (Awesome Alpine)
· After.js — Next.js-like framework for server-rendered React apps built with React Router 4.
· Torus — Event-driven model-view UI framework for the web, focused on being tiny, efficient, and free of dependencies. (Web)
· Hyperapp — Tiny framework for building web interfaces. (Web) (HN) (Hyperawesome)
· Hyperapp FX — Effects for use with Hyperapp.
· Phenomic — Modular website compiler (React, Webpack, Reason and whatever you want).
· Halfmoon — Front-end framework with a built-in dark mode and full customizability using CSS variables; great for building dashboards and tools. (Docs)
· Sinuous — Low-level UI library with a tiny footprint. (Docs)
· Overture — Powerful JS library for building really slick web applications, with performance at, or surpassing, native apps.
· Ractive.js — Next-generation DOM manipulation.
· JSX Lite — Write components once, run everywhere. Compiles to Vue, React, Solid, Liquid, and more.
· Perlite — Hyperactiv + lit-html + extensions. Simple and declarative way to create rich client-side widgets designed with server-side apps in mind.
· Democrat — Library that mimic the API of React (Components, hooks, Context…) but instead of producing DOM mutation it produces a state tree.
· Raj — Elm Architecture for JavaScript.
· Reframe — New kind of web framework.
· observablehq/stdlib — Observable standard library.
· Typera — Type-safe routes for Express and Koa.
· Frourio — Fast and type-safe full stack framework, for TypeScript. (Web)
· Svelto — Modular front end framework for modern browsers, with battery included: 100+ widgets and tools.
· modular — Collection of tools and guidance to enable UI development at scale. (Tweet)
· Turbo — Speed of a single-page web application without having to write any JavaScript. (Web)
· Fre — Tiny Coroutine framework with Fiber.
· Glimmer — Fast and light-weight UI components for the web. (Code)
· Glimmer VM — Flexible, low-level rendering pipeline for building a “live” DOM from Handlebars templates that can subsequently be updated cheaply when data changes.
· frint — Modular JavaScript framework for building scalable and reactive applications.
· Nano Router — Framework agnostic minimalistic router with a focus on named routes.
· tiny-request-router — Fast, generic and type safe router (match request method and path).
· Synergy — Tiny runtime library for building web user interfaces. (HN)
· dflex — JavaScript Project to Manipulate DOM Elements.
· morphdom — Fast and lightweight DOM diffing/patching (no virtual DOM needed).
· Forgo — Ultra-light UI runtime. Makes it super easy to create modern web apps using JSX (like React).
· Whats Up — Front-end framework based on ideas of streams and fractals.
· Boost — Collection of type-safe cross-platform packages for building robust server-side and client-side systems.
· Nostalgie — Opinionated, full-stack, runtime-agnostic framework for building web apps and web pages using react. (Web)
· Lumino — Library for building interactive web applications.
Animation
· Anime.js — JavaScript animation engine.
· popmotion — Functional, reactive animation library.
· impress.js — Presentation framework based on the power of CSS3 transforms and transitions.
· Pts — Library for visualization and creative-coding.
· lax.js — Simple & light weight (<2kb gzipped) vanilla JS plugin to create smooth & beautiful animations when you scroll.
· Flipping — Library (and collection of adapters) for implementing FLIP transitions.
· Ola — Smooth animation library for interpolating numbers.
· react-spring — Spring physics based React animation library.
· FAT — Web’s fastest and most lightweight animation tool.
· React Easy Flip — Lightweight React library for smooth FLIP animations.
· AOS — Animate on scroll library.
· flubber — Tools for smoother shape animations.
CLI
· qoa — Minimal interactive command-line prompts.
Test
· Unexpected — Extensible BDD assertion toolkit. (Docs)
· Fishery — Library for setting up JavaScript objects as test data.
· pentf — Parallel end-to-end test framework.
· test-flat — Test framework extension to support resources teardown and cleanup in flat tests.
· zora — Lightest, yet Fastest JavaScript test runner for nodejs and browsers.
· Vest — Declarative Validation Testing.
State management
· Mutik — Tiny (495B) immutable state management library based on Immer.
· Storeon — Tiny event-based Redux-like state manager for React and Preact.
· Overstated — React state management library that’s delightful to use, without sacrificing performance or scalability.
· Effector — Reactive state manager. (Awesome) (Docs) (effector-storage)
· Akita — State Management Tailored-Made for JS Applications.
· Observable Store — Provides a simple way to manage state in Angular, React, Vue.js and other front-end applications.
· Cerebral — Declarative state and side effects management solution for popular JavaScript frameworks.
· Hooksy — State management solution based on react hooks.
· React Easy State — Simple React state management. Made with ❤ and ES6 Proxies.
· wana — Easy observable state for React.
· Recoil — Experimental set of utilities for state management with React. (Web) (Video) (Reddit) (Rewriting from scratch) (Recoilize — Recoil developer tool)
· State Designer — JavaScript and TypeScript library for managing the state of a user interface.
· Fluxible — Pluggable container for universal flux applications.
· Logux State — Tiny state manager with CRDT, cross-tab, and Logux support.
· Statery — Surprise-Free State Management. Designed for React with functional components.
API bindings
DB
· sql.js — SQLite compiled to JavaScript. Allows you to create a relational database and query it entirely in the browser. (Docs) (HN)
· SQigiL — Postgres SQL template string for Javascript.
· Postgrest JS — Isomorphic JavaScript client for PostgREST.
· Connect PG Simple — Simple, minimal PostgreSQL session store for Express/Connect.
React
This is gonna be a big section….
· state-machines-in-react — Small React, xstate and Framer Motion demo.
UI Components
Table / Data Grid
reactable — Fast, flexible, and simple data tables in React.
ag-grid — Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components.
griddle-react — Simple Grid Component written in React.
react-data-components — React components for sorting, filtering and pagination of data.
react-bootstrap-table — It’ s a react table for bootstrap.
react-data-grid — Excel-like grid component built with React, with editors, keyboard navigation, copy & paste, and the like.
react-pivot — React-Pivot is a data-grid component with pivot-table-like functionality for data display, filtering, and exploration.
autoresponsive-react — Auto Responsive Layout Library For React.
reactabular — Spectacular tables for React.
fixed-data-table — A React table component designed to allow presenting thousands of rows of data.
sematable — Client side sorting, pagination, and text filter for redux/react based apps.
Infinite Scroll
react-lazyload — Lazyload your Component, Image or anything matters the performance.
react-infinity — A UITableView Inspired list and grid display solution with element culling and smooth animations.
react-infinite — A browser-ready efficient scrolling container based on UITableView.
react-infinite-grid — A React component which renders a grid of elements.
react-list — A versatile infinite scroll React component.
react-virtualized — React components for efficiently rendering large lists and tabular data.
Overlay
Display overlay / modal / alert / dialog / lightbox / popup
react-dock — Resizable dockable react component.
react-overlays — Utilities for creating robust overlay components.
boron — A collection of dialog animations with React.js.
react-modal2 — Simple modal component for React.
react-modal — Accessible modal dialog component for React.
react-skylight — A react component for modals and dialogs.
rodal — A React modal with animations.
react-modal-box — React Modal Box Component.
react-aria-modal — A fully accessible and flexible React modal built according WAI-ARIA Authoring Practices.
Notification
Toaster / snackbar — Notify the user with a modeless temporary little popup
react-notification-system — A complete and totally customizable component for notifications in React.
react-notification — Snackbar notifications for React.
react-s-alert — Alerts / Notifications for React with rich configuration options.
react-crouton — A message component for reactjs.
reapop — A React & Redux notifications system.
Tooltip
react-tooltip — React tooltip component.
rc-tooltip — React Tooltip.
react-portal-tooltip — Awesome React tooltips.
Menu
Menus / sidebars
react-burger-menu — An off-canvas sidebar component with a collection of effects and styles using CSS transitions and SVG path animations.
react-sidebar — A sidebar component for React.
react-motion-menu — Motion menu component powered by React Motion.
react-offcanvas — Off-canvas menus for React.
react-tree-menu — A stateless tree menu component for React.
react-metismenu — A ready-to-use menu component for React.
react-contextmenu — Context Menu implemented in React.
rc-menu — React Menu.
Sticky
Fixed headers / scroll-up headers / sticky elements
react-sticky — < Sticky /> component for awesome React apps.
react-headroom — Hide your header until you need it.
react-listview-sticky-header — React listview with sticky section header.
react-sticky-state — React StickyState Component makes native position:sticky statefull and polyfills the missing sticky browser feature.
react-stickynode — A performant and comprehensive React sticky.
react-sticky-node — Sticky react component.
Tabs
react-tabs — React tabs component.
react-simpletabs — Just a simple tabs component built with React.
react-tabtab — React, tabs.
Loader
Loaders / spinners / progress bars — Let the user know that something is loading
halogen — A collection of loading spinners with React.js.
react-ladda — React wrapper for Ladda buttons.
react-progress-button — Simple react.js component for an inline progress indicator.
react-loader — React component that displays a spinner via spin.js until your component is loaded.
react-spinkit — A collection of loading indicators animated with CSS for React.
react-progress-label — Progress label component.
react-redux-loading-bar — Simple Loading Bar for Redux and React.
react-loaders — Lightweight wrapper around Loaders.css.
react-md-spinner — Material Design spinner components for React.js.
rc-progress — React Progress Bar.
react-block-ui — Easy way to block the user from interacting with your UI.
Carousel
react-slick — React carousel component.
react-responsive-carousel — React.js Responsive Carousel (with Swipe).
Collapse
react-collapse — Component-wrapper for collapse animation with react-motion for elements with variable (and dynamic) height.
react-accessible-accordion — Accessible Accordion component for React.
Chart
Display data in charts / graphs / diagrams
react-chartist — React component for Chartist.js.
d3-react-squared — Lightweight event system for (d3) charts and other components for ReactJS.
react-d3-components — D3 Components for React.
recharts — Redefined chart library built with React and D3.
react-chartjs — Common react charting components using chart.js.
react-dazzle — Dashboards made easy in React JS.
react-vis — Data visualization library based on React and d3.
react-sparkline — React component for rendering simple sparklines.
react-sparklines — Beautiful and expressive Sparklines React component.
rumble-charts — React components for building composable and flexible charts.
react-micro-bar-chart — React component for micro bar-charts rendered with D3.
react-timeseries-charts — Declarative timeseries charts.
react-google-charts — React-google-charts React component.
victory — Data viz for React.
react-sigmajs — Lightweight but powerful library for drawing network graphs built on top of SigmaJS.
chartify — React.js plugin for building animated draggable and customizable charts.
react-highcharts — React-highcharts.
react-trend — Simple, elegant spark lines.
Tree
Display a tree data structure
react-treeview — Easy, light, flexible tree view made with React.
react-ui-tree — React tree component.
react-treebeard — React Tree View Component. Data-Driven, Fast, Efficient and Customisable.
UI Navigation
Ways to navigate views
react-scroll — React scroll component.
react-swipe-views — A React Component for binded Tabs and Swipeable Views.
Custom Scrollbar
react-custom-scrollbars — React scrollbars component.
react-scrollbar — Scrollbar component for React.
react-smooth-scrollbar — React implementation of smooth-scrollbar.
react-gemini-scrollbar — React component for custom overlay-scrollbars with native scrolling mechanism.
react-custom-scroll — Easily customize the browser scroll bar with native OS scroll behavior.
Audio / Video
react-player — A react component for playing a variety of URLs, including file paths, YouTube, SoundCloud and Vimeo.
react-youtube — React.js powered YouTube player component.
react-soundplayer — Create custom SoundCloud players with React.
react-video — React component to load video from Vimeo or Youtube across any device.
react-music — Make beats with React.
react-dailymotion — Dailymotion player component for React.
video-react — A web video player built for the HTML5 world using React library.
Map
react-gmaps — A Google Maps component for React.js.
google-map-react — Universal google map react component, allows render react components on the google map.
react-googlemaps — A declarative React interface to Google Maps.
react-leaflet — React components for Leaflet maps.
react-geosuggest — A React autosuggest for the Google Maps Places API.
react-map-gl — A React wrapper for MapboxGL-js and overlay API.
react-mapbox-gl — A React binding of mapbox-gl-js.
Time / Date / Age
Display time / date / age
react-time — Component for React to render relative and/or formatted dates into < time> HTML5 element.
react-timeago — A simple time-ago component for ReactJs.
timeago-react — Simple and efficient react component to format date with
*** time ago
statement. eg: ‘3 hours ago’.
Photo / Image
Display images / photos
react-image-gallery — Responsive image gallery, carousel, image slider react component.
react-images — A simple lightbox component for displaying an array of images.
react-photo-gallery — Responsive React Photo Gallery.
react-svg-pan-zoom — A React component that adds pan and zoom features to SVG.
react-image-lightbox — React lightbox component.
react-intense — A React component for viewing large images up close.
Icons
Display icons / icon set / emojis
react-icons — Svg react icons of popular icon packs using ES6 imports.
react-emoji — An emoji mixin for React.
react-emoji-react — A clone of slack emoji reactions in react.
Paginator
Display a control element to paginate
react-paginate — A ReactJS component that creates a pagination.
Markdown Viewer
Display parsed markdow source
react-markdown — Render Markdown as React components.
Miscellaneous
react-timesheet — Time Sheet Component for React.
react-blur — React component for blurred backgrounds.
react-split-pane — React split-pane component.
typography — A powerful toolkit for building websites with beautiful typography.
react-json-tree — React JSON Viewer Component, Extracted from redux-devtools.
react-resizable-and-movable — Resizable and movable component for React.
react-dnr — Dragable and Resizable window build with React.js.
react-resizable-box — Resizable component for React. #reactjs.
react-file-reader-input — React file input component for complete control over styling and abstraction from file reading.
react-pagespeed-score — A React component for display a dial-type chart of PageSpeed Insights.
react-autolink — An autolink mixin for React.
react-svg-buttons — Configurable animated SVG buttons for react.
react-avatar — Universal React avatar component makes it possible to generate avatars based on user information.
react-joyride — Create walkthroughs and guided tours for your ReactJS apps. Now with standalone tooltips!.
material-color-hash — Hash strings to Material UI colors.
react-facebook — Facebook components like a Login button, Like, Share, Comments, Page or Embedded Post.
Form Components
Let the user enter data
Date / Time picker
Date picker / time picker / datetime picker / date range picker
react-datepicker — A simple and reusable datepicker component for React.
rc-calendar — React Calendar.
react-date-range — A React component for choosing dates and date ranges.
react-day-picker — Flexible date picker for React.
react-daterange-picker — A React based date range picker.
react-yearly-calendar — React.js Yearly Calendar Component.
react-calendar — A modular toolkit to build calendar-related things in React.
input-moment — React datetime picker powered by momentjs.
react-datetime — A lightweight but complete datetime picker react component.
react-bootstrap-datetimepicker — A react.js datetime picker for bootstrap.
react-bootstrap-daterangepicker — A date/time picker for react (using bootstrap). This is a react port of bootstrap-daterangepicker.
react-big-calendar — Gcal/outlook like calendar component.
react-date-select — A React Date Select / Picker Input Component.
react-infinite-calendar — Infinite scrolling date-picker built with React, with localization, themes, keyboard support, and more.
react-dates — An easily internationalizable, mobile-friendly datepicker library for the web.
react-flatpickr — Flatpickr for React.
Input Types
Masked inputs, specialized inputs; email / telephone number / credit card / etc.
react-input-mask — Yet another react component for input masking.
react-maskedinput — Masked < input/> React component.
react-text-mask — Input mask for React, Angular, and vanilla JavaScript. Flexible, robust & tiny.
react-credit-cards — Beautiful credit cards for your payment forms.
Autocomplete
Autosuggest / autocomplete / typeahead
react-autosuggest — WAI-ARIA compliant React autosuggest component.
react-typeahead — Pure react-based typeahead and typeahead-tokenizer.
react-typeahead-component — Typeahead, written using the React.js library.
Select
react-selectize — A Stateless & Flexible Select component for React inspired by Selectize.
react-aria-menubutton — A fully accessible, easily themeable, React-powered menu button.
react-select — A Select control built with and for React JS.
react-select-box — An accessible select box component for React.
Color Picker
react-input-color — React input color component with hsv color picker.
react-color — Color Pickers from Sketch, Photoshop, Chrome & more.
coloreact — A tiny Color Picker for React.
Toggle
react-toggle — An elegant, accessible toggle component for React. Also a glorified checkbox.
react-ios-switch — React switch component.
Slider
rc-slider — React Slider.
react-slider — Slider component for React.
Radio Button
react-radio-group — Better radio buttons.
Type Select
Let the user select something (e.g. a tag) while typing
react-tagsinput — A simple react component for inputing tags.
react-tag-input — A fantastically simple tagging component for your React projects.
react-mentions — Mention people in a textarea.
react-tokeninput — Tokeninput component for React.
react-autocomplete-input — Autocomplete input field for React.
Autosize Input / Textarea
react-input-autosize — Auto-resizing input field for React.
react-textarea-autosize — < textarea /> component for React which grows with content.
Star Rating
react-star-rating — A simple star rating component built with React.
react-star-rating-input — React.js component for entering 0–5 (or more) stars.
Drag and Drop
react-draggable — React draggable component.
react-dnd-touch-backend — Touch Backend for react-dnd.
react-dropzone — Simple HTML5 drag-drop zone with React.js.
react-dnd — Drag and Drop for React.
react-sortable-pane — Sortable and resizable pane component for React.
react-dragula — Drag and drop so simple it hurts.
react-droparea — Drag and Drop library for React.
Sortable List
Let the user define an order on a list
sortablejs — Sortable — is a JavaScript library for reorderable drag-and-drop lists on modern browsers and touch devices. No jQuery. Supports Meteor, AngularJS, React, Polymer, Knockout and any CSS library, e.g. Bootstrap.
react-anything-sortable — A ReactJS component that can sort any children with touch support and IE8 compatibility.
react-sortable-hoc — A set of higher-order components to turn any list into an animated, touch-friendly, sortable list.
react-sortable — A sortable list component built with React.
Rich Text Editor
react-quill — A Quill component for React.
react-ace — React Ace Component.
react-contenteditable — React component for a div with editable contents.
react-codemirror — Codemirror Component for React.js.
react-medium-editor — React wrapper for medium-editor.
draft-js — A React framework for building text editors.
ritzy — Collaborative web-based rich text editor.
megadraft — Rich Text editor built on top of draft.js.
react-trumbowyg — React wrapper for Trumbowyg.
alloyeditor — WYSIWYG editor based on CKEditor with completely rewritten UI.
react-draft-wysiwyg — A Wysiwyg editor build on top of ReactJS and DraftJS.
Markdown Editor
react-md-editor — React.js Markdown Editor Component.
react-markdown-editor — A markdown editor using React/Reflux.
Image Editing
Image manipulation
react-avatar-cropper — Aiming to be a complete solution for avatar cropping in react.
react-avatar-editor — Facebook like, avatar / profile picture component. Resize and crop your uploaded image using a clear user interface.
react-image-crop — A responsive image cropping tool for React.
react-image-cropper — React image crop.
Form Component Collections
formsy-react-components — A set of React JS components for use in a formsy-react form. Markup adheres to Bootstrap 3 form structure.
formsy-material-ui — A Formsy compatibility wrapper for Material-UI form components.
react-input-enhancements — Set of enhancements for input control.
react-widgets — An à la carte set of polished, extensible, and accessible inputs built for React.
Miscellaneous
react-designer — Easy to configure, lightweight, editable vector graphics in your react components.
react-images-uploader — React.js component for uploading images to the server.
react-tabguard — React Tabguard.
MISC
· micro github — Tiny microservice that makes adding authentication with GitHub to your application easy.
· pico.js — Face detection library in200 lines of JavaScript.
· mdxc — Use React Components within Markdown.
· ReLaXeD — Create PDF documents using web technologies. (Examples)
· Dragula — Drag and drop so simple it hurts.
· Hammer.js — Multi-touch gestures.
· emittery — Simple and modern async event emitter.
· Xstate — State machines and statecharts for the modern web. (State Machines Workshop)
· xstate-component-tree — Build a tree of UI components based on your state chart.
· virtual-scroller — Maps a provided set of JavaScript objects onto DOM nodes, and renders only the DOM nodes that are currently visible, leaving the rest “virtualized”.
· jSPDF — Client-side JavaScript PDF generation for everyone.
· ForgJS — JavaScript lightweight object validator.
· faker.js — Generate massive amounts of realistic fake data in Node.js and the browser.
· arg — Simple argument parsing.
· fbt — JavaScript Internationalization Framework.
· fuzzysearch — Tiny and blazing-fast fuzzy search in JavaScript.
· normalizr — Normalizes nested JSON according to a schema.
· FBJS — Collection of utility libraries used by other Facebook JS projects.
· Uppy — Next open source file uploader for web browsers. (Web)
· ScrollReveal — Animate elements as they scroll into view.
· Shiny — Add shiny reflections to text, backgrounds, and borders on devices that support the DeviceMotion event.
· Hotkey Behavior — Trigger a action on element when keyboard hotkey is pressed.
· Bili — Makes it easier to bundle JavaScript libraries.
· Memoizee — Complete memoize/cache solution for JavaScript.
· Immer — Create the next immutable state by mutating the current one.
· FlexSearch — Web’s fastest and most memory-flexible full-text search library with zero dependencies.
· cofx — Node and javascript library that helps developers describe side-effects as data in a declarative, flexible API.
· Mercury Parser — Extracts the bits that humans care about from any URL you give it.
· Refract — Harness the power of reactive programming to supercharge your components.
· MemJS — Memcache client for node using the binary protocol and SASL authentication.
· memfs — In-memory filesystem with Node’s API.
· Accounts — Fullstack authentication and accounts-management for GraphQL and REST.
· Cleave.js — Format input text content when you are typing…
· Unistore — Tiny 350b centralized state container with component bindings for Preact & React.
· Ramda — Practical functional library for JavaScript programmers.
· fromfrom — JS library written in TS to transform sequences of data from format to another.
· Editor.js — Block-styled editor with clean JSON output.
· ijk — Transforms arrays into virtual DOM trees.
· Cleave.js — Format input text content when you are typing.
· Oboe.js — Streaming approach to JSON. Oboe.js speeds up web applications by providing parsed objects before the response completes.
· Choices.js — Vanilla JS customisable select box/text input plugin.
· Shepherd — Guide your users through a tour of your app.
· object-cull — Create a copy of an object with just the bits you actually need.
· Sigma — JavaScript library dedicated to graph drawing.
· interact.js — JavaScript drag and drop, resizing and multi-touch gestures with inertia and snapping for modern browsers.
· flru — Tiny (215B) and fast Least Recently Used (LRU) cache.
· Yup — Dead simple Object schema validation.
· Lerna — Tool for managing JavaScript projects with multiple packages.
· WikiJs — Wikipedia Interface for Node.js.
· virtual-audio-graph — Library for declaratively manipulating the Web Audio API.
· deep-object-diff — Deep diffs two objects, including nested structures of arrays and objects, and returns the difference.
· Snarkdown — Snarky 1kb Markdown parser written in JavaScript.
· Terser — JavaScript parser, mangler, optimizer and beautifier toolkit for ES6+.
· AppAuthJS — JavaScript client SDK for communicating with OAuth 2.0 and OpenID Connect providers.
· expr-eval — Mathematical expression evaluator in JavaScript.
· robust-predicates — Fast robust predicates for computational geometry in JavaScript.
· Sanctuary — JavaScript functional programming library inspired by Haskell and PureScript.
· modali — Delightful modal dialog component for React, built from the ground up to support React Hooks.
· Tweakpane — Compact GUI for fine-tuning parameters and monitoring value changes.
· crocks — Collection of well known Algebraic Data Types for your utter enjoyment.
· Just — Library of zero-dependency npm modules that do just do one thing.
· nanoid — Tiny (139 bytes), secure, URL-friendly, unique string ID generator for JavaScript.
· debug — Tiny JavaScript debugging utility modelled after Node.js core’s debugging technique. Works in Node.js and web browsers.
· roughViz.js — Reusable JavaScript library for creating sketchy/hand-drawn styled charts in the browser.
· Mitt — Tiny 200 byte functional event emitter / pubsub.
· RequireJS — File and module loader for JavaScript.
· Zero — 3D graphics rendering pipeline. Implemented in JavaScript. Run in a terminal.
· xstate-viz — Visualize state charts.
· htmr — Simple and lightweight (< 2kB) HTML string to React element conversion library.
· react-jsx-parser — React component which can parse JSX and output rendered React Components.
· Static Land — Specification for common algebraic structures in JavaScript based on Fantasy Land.
· sorted-queue — Sorted queue, based on an array-backed binary heap.
· polendina — Non-UI browser testing for JavaScript libraries from the command-line.
· agadoo — Check whether a package is tree-shakeable.
· Fielder — React form library which adapts to change.
· lemonad — Functional programming library for JavaScript. An experiment in elegant JS.
· Mockttp — Lets you quickly & reliably test HTTP requests & responses in JavaScript, in both Node and browsers.
· Flowy — Minimal javascript library to create flowcharts.
· d3-dag — Layout algorithms for visualizing directed acyclic graphs.
· renature — Physics-based animation library for React focused on modeling natural world forces.
· Morphism — Do not repeat anymore your objects transformations.
· Tonic — Stable, Minimal, Auditable, Build-Tool-Free, Low Profile Component Framework.
· Quiet.js — Transmit data with sound using Web Audio — Javascript binding for libquiet.
· Bindery — Library for designing printable books with HTML and CSS.
· Wretch — Tiny wrapper built around fetch with an intuitive syntax.
· Virt.js — Free collection of useful standard devices, that can be used to power various engine that makes use of the exposed interfaces.
· Path-to-RegExp — Turn a path string such as /user/:name into a regular expression.
· Bacon.js — Functional reactive programming library for TypeScript and JavaScript.
· GGEditor — Visual graph editor based on G6 and React.
· Arbor — Graph visualization library using web workers and jQuery. (Web)
· fsm-as-promised — Finite state machine library using ES6 promises.
· x-spreadsheet — Web-based JavaScript（canvas）spreadsheet.
· IsoCity — Isometric city builder in JavaScript.
· Picomatch — Blazing fast and accurate glob matcher written in JavaScript.
· react-isomorphic-data — Easily fetch data in your React components, with similar APIs to react-apollo.
· klona — Tiny (228B) and fast utility to “deep clone” Objects, Arrays, Dates, RegExps, and more.
· ScrollMagic — JavaScript library for magical scroll interactions.
· GoJS — JavaScript and TypeScript library for building interactive diagrams and graphs.
· Rete — JavaScript framework for visual programming and creating node editor. (HN)
· Pre3d — JavaScript 3d rendering engine.
· dancer.js — High-level audio API, designed to make sweet visualizations.
· model-viewer — Easily display interactive 3D models on the web and in AR.
· Spars — General toolkit for creating interactive web experiences.
· NeuroJS — JavaScript deep learning and reinforcement learning library.
· Hareactive — Purely functional reactive programming library.
· Mirage JS — Client-side server to develop, test and prototype your JavaScript app.
· dfa — State machine compiler with regular expression style syntax.
· Jtree — Tree Notation TypeScript/Javascript library.
· Hydra — Livecoding networked visuals in the browser.
· p-queue — Promise queue with concurrency control.
· gsheets — Get public Google Sheets as plain JavaScript/JSON.
· alga-ts — Algebraic graphs implementation in TypeScript.
· on-change — Watch an object or array for changes.
· clean-set — Deep assignment alternative to the object spread operator and Object.assign.
· Uppload — Better JavaScript image uploader with 30+ plugins.
· pino — Super fast, all natural JSON logger.
· Orbit — Composable data framework for ambitious web applications.
· panzoom — Universal pan and zoom library (DOM, SVG, Custom).
· intl-tel-input — JavaScript plugin for entering and validating international telephone numbers.
· three.js — JavaScript 3D library.
· shortid — Short id generator. Url-friendly. Non-predictable. Cluster-compatible.
· styx — Derives a control flow graph from a JavaScript AST.
· Crossfilter — JavaScript library for exploring large multivariate datasets in the browser.
· SiriWave — Apple Siri wave-form replicated in a JS library.
· Shades — Lodash-inspired lens-like library for Javascript.
· mxGraph — Fully client side JavaScript diagramming library.
· cacache — Node.js library for managing local key and content address caches.
· enhanced-resolve — Offers an async require.resolve function. It’s highly configurable.
· notevil — Evalulate javascript like the built-in javascript eval() method but safely.
· react-digraph — Library for creating directed graph editors.
· bent — Functional JS HTTP client (Node.js & Fetch) w/ async await.
· CLUI — Collection of JavaScript libraries for building command-line interfaces with context-aware autocomplete.
· cosha — Colorful shadows for your images.
· Rambda — Faster and smaller alternative to Ramda.
· MathJax — Open-source JavaScript display engine for LaTeX, MathML, and AsciiMath notation that works in all modern browsers. (Web) (HN)
· Litepicker — Date range picker — lightweight, no dependencies.
· core-js — Modular standard library for JavaScript.
· timeago.js — Nano library (less than 2 kb) used to format datetime with *** time ago statement. eg: ‘3 hours ago’.
· Serialize JavaScript — Serialize JavaScript to a superset of JSON that includes regular expressions, dates and functions.
· Tippy.js — Tooltip, popover, dropdown, and menu library.
· howler.js — JavaScript audio library for the modern web.
· date-fns — Modern JavaScript date utility library.
· Midi — Convert MIDI into Tone.js-friendly JSON.
· face-api.js — JavaScript API for face detection and face recognition in the browser and nodejs with tensorflow.js.
· Spotlight — Search widget for your web API.
· Fuse — Lightweight fuzzy-search, in JavaScript.
· Xterm.js — Terminal for the web.
· Change Case — Convert strings between camelCase, PascalCase, Capital Case, snake_case and more.
· ChronoGraph — Reactive, graph-based, computation engine.
· Sprotty — Diagramming framework for the web.
· prerender.js — Loads pages quickly on any browser.
· on-finished — Execute a callback when a request closes, finishes, or errors.
· ColorFns — Modern JavaScript color utilities library.
· grapheme-splitter — JavaScript library that breaks strings into their individual user-perceived characters.
· Web Animations — JavaScript implementation of the Web Animations API.
· p-limit — Run multiple promise-returning & async functions with limited concurrency.
· Highcharts JS — JavaScript charting library based on SVG.
· μPlot — Small, fast chart for time series, lines, areas, ohlc & bars.
· Baobab — JavaScript & TypeScript persistent and optionally immutable data tree with cursors.
· emoji-regex — Regular expression to match all Emoji-only symbols as per the Unicode Standard.
· MerkleTree.js — Construct Merkle Trees and verify proofs in JavaScript.
· Snabbdom — Virtual DOM library with focus on simplicity, modularity, powerful features and performance.
· Thwack — Tiny modern data fetching solution.
· Regenerate — Generate JavaScript-compatible regular expressions based on a given set of Unicode symbols or code points.
· Crank.js — Write JSX-driven components with functions, promises and generators. (Article) (Reddit) (HN)
· redaxios — Axios API, as an 800 byte Fetch wrapper.
· Math.js — Extensive math library for JavaScript and Node.js.
· pixelmatch — Smallest, simplest and fastest JavaScript pixel-level image comparison library.
· quilt — Loosely related set of packages for JavaScript / TypeScript projects at Shopify.
· jsondiffpatch — Diff & patch JavaScript objects.
· RVal — Minimalistic transparent reactive programming library.
· orbit-controls — Generic controls for orbiting a target in 3D.
· estree-walker — Traverse an ESTree-compliant AST.
· Jitsi Meet API library — Can use Jitsi Meet API to create Jitsi Meet video conferences with a custom GUI.
· isomer — Simple isometric graphics library for HTML5 canvas.
· Mordred — Source data from anywhere, for Next.js, Nuxt.js, Eleventy and many more.
· ASScroll — Hybrid smooth scroll setup that combines the performance gains of virtual scroll with the reliability of native scroll.
· Gallery — Light, responsive, and performant JavaScript gallery.
· Logux Server — Build own Logux server or make proxy between WebSocket and HTTP backend on any language.
· @expo/results — Efficient, standards-compliant library for representing results of successful or failed operations.
· Emojibase — Collection of lightweight, up-to-date, pre-generated, specification compliant, localized emoji JSON datasets, regex patterns, and more.
· serve-favicon — Node.js middleware for serving a favicon.
· download — Download and extract files.
· color2k — Color parsing and manipulation lib served in 2kB or less.
· Sandstorm — Open source platform for self-hosting web apps. (Code)
· transformation-matrix — JS isomorphic 2D affine transformations written in ES6 syntax.
· Muuri — JavaScript layout engine that allows you to build all kinds of layouts and make them responsive, sortable, filterable, draggable and/or animated.
· Split — Unopinionated utilities for resizeable split views.
· Parallax Engine — Reacts to the orientation of a smart device.
· fastq — Fast, in memory work queue.
· ac-colors — Reactive JavaScript color library that can freely convert color formats.
· sonic-boom — Extremely fast utf8 only stream implementation.
· Rough Notation — Small JavaScript library to create and animate annotations on a web page. (HN)
· fit-textarea — Automatically expand a to fit its content, in a few bytes.
· NanoPop — Ultra Tiny, Opinionated Positioning Engine. (Web)
· Angelfire — Lets you quickly build right-click-enabled context menus and drop-down menus for any element on your webpage.
· csv-parser — Streaming csv parser inspired by binary-csv that aims to be faster than everyone else.
· updeep — Easily update nested frozen objects and arrays in a declarative and immutable manner.
· Hull.js — JavaScript library that builds concave hull by set of points.
· StegCloak — Hide secrets with invisible characters in plain text securely using passwords.
· p-min-delay — Delay a promise a minimum amount of time.
· match-when — Pattern matching for modern JavaScript.
· NumJs — Like NumPy, in JavaScript.
· spect — Reactive aspect-oriented web-framework.
· js-cid — CID implementation in JavaScript.
· js-ipld-block — Implementation of the Block data structure in JavaScript.
· wildcard-api — Functions as API.
· bpmn-js — BPMN 2.0 rendering toolkit and web modeler.
· fit-curve — JavaScript implementation of Philip J. Schneider’s “Algorithm for Automatically Fitting Digitized Curves” from the book “Graphics Gems”.
· clean-deep — Remove falsy, empty or nullable values from objects.
· regular-table — Regular library, for async and virtual data models.
· Stimulus — Modest JavaScript framework for the HTML you already have. (Web)
· bigpicture.js — Library that allows infinite panning and infinite zooming in HTML pages. (Web)
· Tragopan — Minimal dependency-free pan/zoom library. (HN)
· Deakins — Small Canvas 2D Camera.
· Turbolinks — Makes navigating your web application faster.
· CindyJS — Framework to create interactive (mathematical) content for the web. (Web) (HN)
· axios — Promise based HTTP client for the browser and nodeJS.
· astray — Walk an AST without being led astray.
· vnopts — Validate and normalize options.
· canvas confetti — On-demand confetti gun. (Docs)
· Graphlib — JavaScript library that provides data structures for undirected and directed multi-graphs along with algorithms that can be used with them.
· Dagre — JavaScript library that makes it easy to lay out directed graphs on the client-side.
· ecsy — Highly experimental Entity Component System framework implemented in javascript, aiming to be lightweight, easy to use and with good performance. (Docs)
· Object Visualizer — Visualize the JSON object to the DOM. (HN)
· Reach Schema — Functional schema-driven JavaScript object validation library.
· @cycle/callbags — Set of commonly used stream operators implemented as callbags with Typescript and ES modules.
· umbrella — Broadly scoped ecosystem & mono-repository of ~135 TypeScript projects for functional, data driven development.
· HTM — JSX-like syntax in plain JavaScript — no transpiler necessary.
· NativeScript — Framework for building native iOS and Android apps using JavaScript and CSS.
· schema-dts — JSON-LD TypeScript types for Schema.org vocabulary.
· flatpickr — JS date time picker.
· superjson — Safely serialize JavaScript expressions to a superset of JSON, which includes Dates, BigInts, and more.
· lazy-collections — Collection of fast and lazy operations.
· Perfect Arrows — Set of functions for drawing perfect arrows between points and shapes.
· Autocomplete.js — Fast and full-featured autocomplete library.
· Diagram Maker — Library to display an interactive editor for any graph-like data. (Docs) (HN)
· js-coroutines — 60fps with JavaScript Coroutines for idle processing and animation.
· Transducist — Ergonomic JavaScript/TypeScript transducers for beginners and experts.
· decimal.js — Arbitrary-precision Decimal type for JavaScript.
· Constant-Time JavaScript — Constant-time algorithms written in TypeScript.
· SheetJS — Spreadsheet Data Toolkit. Read, edit, and export spreadsheets. Works in web browsers and servers. (Web)
· Graphology — Robust & multipurpose Graph object for JavaScript & TypeScript. (Docs)
· weak-napi — Make weak references to JavaScript Objects.
· nestie — Tiny (211B) and fast utility to expand a flattened object.
· Mock.js — Simulation data generator.
· Detect features — Detect and report browser and hardware features.
· JSZip — Create, read and edit .zip files with JavaScript.
· Classnames — Simple javascript utility for conditionally joining classNames together.
· cx — Concatenate your classes (with shortcuts).
· Defer — Tiny, type-safe, JavaScript-native defer implementation.
· freshie — Fresh take on building universal applications with support for pluggable frontends and backends.
· Luckysheet — Online spreadsheet like excel that is powerful, simple to configure, and completely open source. (Docs)
· noUiSlider — Lightweight JavaScript range slider.
· QRCode.js — Cross-browser QRCode generator for JavaScript. (Web)
· HyperScript — Create HyperText with JavaScript, on client or server.
· hyperscript-helpers — Terse syntax for hyperscript.
· EnlighterJS — Open source syntax highlighter written in pure javascript.
· eslisp — S-expression syntax for JavaScript, with Lisp-like hygienic macros. Minimal core, maximally customisable.
· Smoldash — Tiny lodash alternative built for the modern web.
· TypewriterJS — Simple yet powerful native javascript plugin for a cool typewriter effect.
· sse.js — Flexible Server Side Events source for JavaScript.
· Arkit — Visualises JavaScript, TypeScript and Flow codebases as meaningful and committable architecture diagrams. (Web)
· jsii — Allows code in any language to naturally interact with JavaScript classes.
· proxy-memoize — Intuitive magical memoization library with Proxy and WeakMap. (Tweet)
· CosmJS — Modular library consisting of multiple packages to power web experiences.
· Arwes — Futuristic Sci-Fi and Cyberpunk Graphical User Interface Framework for Web Apps. (Web)
· psl (Public Suffix List) — JavaScript domain name parser based on the Public Suffix List.
· invariant-packages — Packages for working with invariant(condition, message) assertions.
· evt — EventEmitter’s typesafe replacement.
· webscan — Browser-based network scanner & local-IP detection.
· Pill — Add dynamic content loading to static sites with only 1 KiB of JS.
· fast-deep-equal — Fastest deep equal with ES6 Map, Set and Typed arrays support.
· preview-card — Customizable social media preview image.
· egjs-flicking — Easy-to-use and performant infinite carousel.
· SSE-Z — Slim, easy-to-use wrapper around EventSource.
· DefinitelyExported — Community-defined export maps for popular npm packages.
· jsdiff — JavaScript text differencing implementation.
· HyperFormula — Open source, spreadsheet-like calculation engine.
· fast-json-stringify — Significantly faster than JSON.stringify() for small payloads.
· isbot — JavaScript module that detects bots/crawlers/spiders via the user agent.
· valtio — Makes proxy-state simple.
· pica — High quality image resize in browser.
· Planton — Database-agnostic task scheduler.
· mime-types — JavaScript content-type utility.
· match-sorter — Simple, expected, and deterministic best-match sorting of an array in JavaScript.
· Fetch Event Source — Better API for making Event Source requests, with all the features of fetch().
· rafz — Coordinate requestAnimationFrame calls across your app and/or libraries.
· p-state — Inspect the state of a promise.
· v86 — x86 virtualization in JavaScript, running in your browser and NodeJS. (Web)
· Notyf — Minimalistic, responsive, vanilla JavaScript library to show toast notifications.
· Moveable — Draggable, Resizable, Scalable, Rotatable, Warpable, Pinchable, Groupable, Snappable.
· Execa — Process execution for humans.
· quick-lru — Simple “Least Recently Used” (LRU) cache.
· Deepdash — Tree traversal library written in Underscore/Lodash fashion. (Docs)
· Nano Delay — Tiny (25 bytes) Promise wrapper around setTimeout.
· ES Module Lexer — Low-overhead lexer dedicated to ES module parsing for fast analysis.
· keez — Frictionless hotkey handling for browsers.
· Zet — Set() as it should be.
· Ketting — Hypermedia client for JavaScript.
· yocto-queue — Tiny queue data structure.
· Effects.js — Algebraic effects in javascript with scoped handlers, multishot delimited continuations, stack safety and do notation.
· flatten-js — JavaScript library for 2d geometry.
· is-retry-allowed — Check whether a request can be retried based on the error.code.
· backfill — JavaScript caching library for reducing build time.
· S-Libs — Collection of libraries for any of JS, RxJS, or Angular.
· watchpack — Wrapper library for directory and file watching.
· async-tag — Resolves template literals tag values before applying a generic tag.
· serialize-error — Serialize/deserialize an error into a plain object.
· errorstacks — Tiny library to parse error stack traces.
· Ape-ECS — Entity-Component-System library for JavaScript.
· rrule.js — JavaScript library for working with recurrence rules for calendar dates as defined in the iCalendar RFC and more. (Demo)
· scroller — Super-tiny library for your scrollytelling needs.
· Isomorphic DOMPurify — Makes it possible to use DOMPurify on server and client in the same way.
· navaid — Navigation aid (aka, router) for the browser in 850 bytes.
· glob-to-regexp — Convert a glob to a regular expression.
· cmap — Interactive visualization library for concept map.
· lezer-tree — Incremental GLR parser intended for use in an editor or similar system.
· matchit — Quickly parse & match URLs.
· acorn — Tiny, fast JavaScript parser, written completely in JavaScript.
· jsesc — Given some data, jsesc returns the shortest possible stringified & ASCII-safe representation of that data.
· fastjson — Single-tweet, standards-compliant, high-performance JSON stack.
· grfn — Tiny (~400B) utility that executes a dependency graph of async functions as concurrently as possible.
· Nunjucks — Powerful templating engine with inheritance, asynchronous control, and more. (Web)
· Behavior3JS — Structures and algorithms that assist you in the task of creating intelligent agents for your game or application.
· qs — Querystring parser with nesting support.
· Exifer — Small module that read JPEG/TIFF meta-data.
· jsVideoUrlParser — JavaScript parser to extract information like provider, channel, id, start time from YouTube, Vimeo, Dailymotion, Twitch,… urls.
· TypeDI — Dependency injection tool for TypeScript and JavaScript.
· ibridge — Tiny, promise based, type safe library for easy, bidirectional and secure iframe communication.
· Monio — Async-capable IO monad for JS.
· Total.js — Excellent and stable server-side Node.js framework, client-side library for creating web applications with more than 230 UI components for free.
· memoize-one — Memoization library which only remembers the latest invocation.
· pjson — JSON stream parser for Go.
· InternMap — Map and Set with automatic key interning.
· geometry-processing-js — Fast, general-purpose framework for geometry processing on the web.
· Iterplus — Best of Rust/Haskell/Python iterators in JavaScript.
· SmolScroll — Tiny, flexible scroll listener with React support.
· Robot — Functional, immutable Finite State Machine library. (Docs)
· Enmap — Enhanced Map structure with additional utility methods.
· Honeycomb — Create hex grids easily, in node or the browser.
· chunkify — Split an iterable into evenly sized chunks.
· wobble — Tiny spring physics micro-library that models a damped harmonic oscillator.
· tmp-cache — Least-recently-used cache in 35 lines of code.
· static-eval — Evaluate statically-analyzable expressions.
· Sparse Octree — Sparse, pointer-based octree data structure.
· Signature Pad — JavaScript library for drawing smooth signatures.
· dom-to-image-retina — dom-to-image but generates high-resolution images.
· loglevel — Minimal lightweight logging for JavaScript, adding reliable log level methods to wrap any available console.log methods.
· Perfect Freehand — Draw perfect freehand lines.
· Form-Data — Library to create readable “multipart/form-data” streams. Can be used to submit forms and file uploads to other web applications.
· conf — Simple config handling for your app or module.
· gifenc — Fast and lightweight pure-JavaScript GIF encoder.
· tldts — Blazing Fast URL Parsing.
· Barba.js — Easy-to-use library that helps you create fluid and smooth transitions between your website’s pages.
· Shuffle.js — Categorize, sort, and filter a responsive grid of items. (Web)
· stdlib — Standard library for JavaScript and Node.js. (Web)
· gensync — Allows users to use generators in order to write common functions that can be both sync or async.
· monet.js — Monadic types library for JavaScript.
· VivaGraph — Graph drawing library for JavaScript.
· Crochet — Small engine for story-driven games.
· diary — Zero-dependency, fast logging library for both Node and Browser.
· tinydate — Tiny reusable date formatter.
· FingerprintJS — Browser fingerprinting library with the highest accuracy and stability.
· Antiutils — TypeScript/JavaScript utilities for those who don’t like utilities.
· NPM — Node package manager registry.
· Awesome WebAudio
· Awesome XState
· Moiva.io — Measure and compare JavaScript libraries side by side.
· Scarf — Installation analytics for your npm package. (Code)
If you found this guide helpful feel free to checkout my GitHub/gists where I host similar content:
bgoonz’s gists
Instantly share code, notes, and snippets. Web Developer, Electrical Engineer JavaScript | CSS | Bootstrap | Python |…gist.github.com
bgoonz — Overview
Web Developer, Electrical Engineer JavaScript | CSS | Bootstrap | Python | React | Node.js | Express | Sequelize…github.com
Or checkout my personal resource site:
Web-Dev-Resource-Hub
Edit descriptionweb-dev-resource-hub.netlify.app
By Bryan Guner on March 18, 2021.
Exported from Medium on July 13, 2021.


Welcome to codingkitchen.org!
receipe1
For details about chief cook
kp
Thank you for tasting my receipes.


#include <BL3_Engine_classes.hpp>
◆ StaticClass()
| static UClass* StaticClass |
( |
| ) |
|
|
inlinestatic |
◆ AxisLockOption
◆ bApplyParticleRotationAsSpin
| unsigned char bApplyParticleRotationAsSpin |
◆ bCameraFacing
| unsigned char bCameraFacing |
◆ bCollisionsConsiderPartilceSize
| unsigned char bCollisionsConsiderPartilceSize |
◆ bEnableMotionBlur
| unsigned char bEnableMotionBlur |
◆ bFaceCameraDirectionRatherThanPosition
| unsigned char bFaceCameraDirectionRatherThanPosition |
◆ bOverrideDefaultMotionBlurSettings
| unsigned char bOverrideDefaultMotionBlurSettings |
◆ bOverrideMaterial
| unsigned char bOverrideMaterial |
◆ bUseStaticMeshLODs
◆ CameraFacingOption
◆ CameraFacingUpAxisOption
◆ CastShadows
| unsigned char CastShadows |
◆ DoCollisions
| unsigned char DoCollisions |
◆ LODSizeScale
◆ Mesh
◆ MeshAlignment
◆ Meshes
◆ Pitch
◆ Roll
◆ RollPitchYawRange
◆ SelectionMethod
◆ UnknownData00
| unsigned char UnknownData00[0x2] |
◆ UnknownData01
| unsigned char UnknownData01[0x3] |
◆ UnknownData02
| unsigned char UnknownData02[0x3] |
◆ UnknownData03
| unsigned char UnknownData03[0x3] |
◆ UnknownData04
| unsigned char UnknownData04[0x8] |
◆ UnknownData05
| unsigned char UnknownData05[0x3] |
◆ UnknownData06
| unsigned char UnknownData06[0x3] |
◆ UnknownData07
| unsigned char UnknownData07[0x2] |
◆ UnknownData08
| unsigned char UnknownData08[0x3] |
◆ Yaw


Water dripped in the distance, hollow splashes echoing and reechoing, losing their source forever. There were stone bridges and tailless ramps everywhere, all sprouting off from broad, flat-topped stone spires, all polished and smooth and streaked with red and gold. Level on level, the maze stretched up and down through the murk, without any apparent beginning or end. Every bridge led to a spire, every ramp to another spire, other bridges. Whatever direction Rand looked, as far as his eye could make out in the dimness it was the same, above as well as below. There was not enough light to see clearly, and he was almost glad of it. Some of those ramps led to platforms that had to be directly above the ones below. He could not see the base of any of them. He pressed, seeking freedom, knowing it was an illusion. Everything was illusion.
He knew the illusion; he had followed it too many times not to know. However far he went, up or down or in any direction, there was only the shiny stone. Stone, but the dankness of deep, fresh-turned earth permeated the air, and the sickly sweetness of decay. The smell of a grave opened out of its time. He tried not to breathe, but the smell filled his nostrils. It clung to his skin like oil.
A flicker of motion caught his eye, and he froze where he was, half crouched against the polished guardwall around one of the spire tops. It was no hiding place. From a thousand places a watcher could have seen him. Shadow filled the air, but there were no deeper shadows in which to hide. The light did not come from lamps, or lanterns, or torches; it was simply there, such as it was, as if it seeped out of the air. Enough by which to see, after a fashion; enough by which to be seen. But stillness gave a little protection.
The movement came again, and now it was clear. A man stridin


{{ cms:page:hero_title:text }}
{{ cms:page:hero_text:rich_text }}
{{ cms:partial:cms/homepage/hero }}
{{ cms:partial:cms/homepage/browse }}
{{ cms:partial:cms/homepage/sdgs }}
{{ cms:partial:cms/homepage/meas }}
{{ cms:partial:cms/homepage/themes }}
{{ cms:partial:cms/homepage/indicators }}
{{ cms:partial:cms/homepage/join_bip }}
{{ cms:page:newsletter_title:text }}
{{ cms:page:newsletter_text:rich_text }}
{{ cms:partial:cms/homepage/newsletter }}


You'll need to do a few things to start using jellyfin-accounts. Click below to get started, or quit and edit the config file manually.
Get StartedTo access the admin page, you'll need to login. Choose how below.
jellyfin-accounts is capable of sending a PIN code when a user tries to reset their password on Jellyfin. One can also choose to send an invite code directly to an email address. This can be done through SMTP or through Mailgun's API.
Enabling notifications will allow you to choose (per-invite) to recieve emails when an invite expires, or when a new user is created. If you chose to use Manual auth instead of Jellyfin auth previously, make sure you provided an email address.
When a user tries to reset their password in jellyfin, it informs them that a file has been created, named "passwordreset*.json" where * is a number. jellyfin-accounts will then read this file, and send the PIN to the user's email. Try it now, and put the folder that it informs you it put the file in below. Also, if enter a custom email subject if you don't like the default one.
Allows you to send an invite code directly to a specified email address. Since you'll most likely being running this behind a reverse proxy, the program has no way of knowing the address it will be accessed from. This is needed for sending emails with links. Write your URL Base with the protocol and append '/invite', e.g:
Press the button below to submit your settings. The program will restart. Once it's done, refresh this page.


| Package | Description |
|---|---|
| javax.money |
Main package of the Money and Currency API.
|
| javax.money.convert |
Defines the monetary currency conversion API.
|
| javax.money.spi |
SPI interfaces of the Money and Currency API, including bootstrap logic.
|
| Modifier and Type | Method and Description |
|---|---|
CurrencyUnit |
RoundingQuery.getCurrency()
Sets the target CurrencyUnit.
|
CurrencyUnit |
RoundingContext.getCurrency()
Get the basic
CurrencyUnit , which is based for this rounding type. |
CurrencyUnit |
CurrencySupplier.getCurrency()
Gets the corresponding
CurrencyUnit . |
static CurrencyUnit |
Monetary.getCurrency(CurrencyQuery query)
Query all currencies matching the given query.
|
static CurrencyUnit |
Monetary.getCurrency(Locale locale,
String... providers)
Access a new instance based on the
Locale . |
static CurrencyUnit |
Monetary.getCurrency(String currencyCode,
String... providers)
Access a new instance based on the currency code.
|
| Modifier and Type | Method and Description |
|---|---|
static Collection<CurrencyUnit> |
Monetary.getCurrencies(CurrencyQuery query)
Query all currencies matching the given query.
|
static Set<CurrencyUnit> |
Monetary.getCurrencies(Locale locale,
String... providers)
Access a new instance based on the
Locale . |
static Collection<CurrencyUnit> |
Monetary.getCurrencies(String... providers)
Access all currencies known.
|
| Modifier and Type | Method and Description |
|---|---|
static MonetaryRounding |
Monetary.getRounding(CurrencyUnit currencyUnit,
String... providers)
Creates an
MonetaryOperator for rounding MonetaryAmount
instances given a currency. |
static boolean |
Monetary.isRoundingAvailable(CurrencyUnit currencyUnit,
String... providers)
Checks if a
MonetaryRounding is available given a roundingId. |
RoundingQueryBuilder |
RoundingQueryBuilder.setCurrency(CurrencyUnit currencyUnit)
Sets the target
CurrencyUnit , which defines a rounding targeting a concrete CurrencyUnit . |
RoundingContextBuilder |
RoundingContextBuilder.setCurrency(CurrencyUnit currencyUnit)
Get the basic
CurrencyUnit , which is based for this rounding type. |
MonetaryAmountFactory<T> |
MonetaryAmountFactory.setCurrency(CurrencyUnit currency)
Sets the
CurrencyUnit to be used. |
| Modifier and Type | Method and Description |
|---|---|
CurrencyUnit |
ExchangeRate.getBaseCurrency()
Get the base (source)
CurrencyUnit . |
CurrencyUnit |
CurrencyConversionException.getBaseCurrency()
Gets the first currency at fault.
|
CurrencyUnit |
ConversionQuery.getBaseCurrency()
Get the base currency.
|
CurrencyUnit |
ExchangeRate.getCurrency()
Get the term (target)
CurrencyUnit . |
CurrencyUnit |
ConversionQuery.getCurrency()
Get the terminating currency.
|
CurrencyUnit |
CurrencyConversionException.getTermCurrency()
Gets the second currency at fault.
|
| Modifier and Type | Method and Description |
|---|---|
static CurrencyConversion |
MonetaryConversions.getConversion(CurrencyUnit termCurrency,
String... providers)
Access an instance of
CurrencyConversion for the given providers. |
default CurrencyConversion |
ExchangeRateProvider.getCurrencyConversion(CurrencyUnit term)
Access a
CurrencyConversion that can be applied as a
MonetaryOperator to an amount. |
default ExchangeRate |
ExchangeRateProvider.getExchangeRate(CurrencyUnit base,
CurrencyUnit term)
Access a
ExchangeRate using the given currencies. |
default boolean |
ExchangeRateProvider.isAvailable(CurrencyUnit base,
CurrencyUnit term)
Checks if an
ExchangeRate between two CurrencyUnit is
available from this provider. |
static boolean |
MonetaryConversions.isConversionAvailable(CurrencyUnit termCurrency,
String... providers)
Checks if a
CurrencyConversion is available for the given parameters. |
ConversionQueryBuilder |
ConversionQueryBuilder.setBaseCurrency(CurrencyUnit currency)
Sets the base currency.
|
ConversionQueryBuilder |
ConversionQueryBuilder.setTermCurrency(CurrencyUnit currency)
Sets the term currency.
|
| Constructor and Description |
|---|
CurrencyConversionException(CurrencyUnit base,
CurrencyUnit term,
ConversionContext conversionContext)
Constructs an
CurrencyConversionException with the specified
source and target currency. |
CurrencyConversionException(CurrencyUnit base,
CurrencyUnit term,
ConversionContext conversionContext,
String message)
Constructs an
CurrencyConversionException with the specified
detail message, timestamp, source and target currency. |
CurrencyConversionException(CurrencyUnit base,
CurrencyUnit term,
ConversionContext conversionContext,
String message,
Throwable cause)
Constructs a new exception with the specified source and target currency,
detail message and cause.
|
| Modifier and Type | Method and Description |
|---|---|
default CurrencyUnit |
MonetaryCurrenciesSingletonSpi.getCurrency(CurrencyQuery query)
Access a single currency by query.
|
default CurrencyUnit |
MonetaryCurrenciesSingletonSpi.getCurrency(Locale country,
String... providers)
Access a new instance based on the currency code.
|
default CurrencyUnit |
MonetaryCurrenciesSingletonSpi.getCurrency(String currencyCode,
String... providers)
Access a new instance based on the currency code.
|
| Modifier and Type | Method and Description |
|---|---|
Set<CurrencyUnit> |
MonetaryCurrenciesSingletonSpi.getCurrencies(CurrencyQuery query)
Access all currencies matching the given query.
|
Set<CurrencyUnit> |
CurrencyProviderSpi.getCurrencies(CurrencyQuery query)
Return a
CurrencyUnit instances matching the given
CurrencyContext . |
default Set<CurrencyUnit> |
MonetaryCurrenciesSingletonSpi.getCurrencies(Locale locale,
String... providers)
Provide access to all currently known currencies.
|
default Set<CurrencyUnit> |
MonetaryCurrenciesSingletonSpi.getCurrencies(String... providers)
Provide access to all currently known currencies.
|
| Modifier and Type | Method and Description |
|---|---|
default CurrencyConversion |
MonetaryConversionsSingletonSpi.getConversion(CurrencyUnit termCurrency,
String... providers)
Access an instance of
CurrencyConversion . |
default MonetaryRounding |
MonetaryRoundingsSingletonSpi.getRounding(CurrencyUnit currencyUnit,
String... providers)
Access a
MonetaryRounding for rounding MonetaryAmount
instances given a currency. |
default boolean |
MonetaryConversionsSingletonSpi.isConversionAvailable(CurrencyUnit termCurrency,
String... providers)
Allows to quickly check, if a
CurrencyConversion is accessible for the given
ConversionQuery . |
default boolean |
MonetaryRoundingsSingletonSpi.isRoundingAvailable(CurrencyUnit currencyUnit,
String... providers)
Checks if a
MonetaryRounding is available given a CurrencyUnit . |
Copyright © 2012–2016 JSR 354 - Expert Group. All rights reserved.


Rental Costume Management System
Home
My Page
My Order
Logout »
My Orders
#
User ID
Item ID
Status
Created At
Updated At
Return »


Looking for another place to reach your representatives?

I created this website around November 2016 to help others quickly and easily call their congressional representatives. I built it over the course of a week using data made freely available by the US Census Geocoding Services, ProPublica, WhoIsMyRepresentative.com, and GovTrack.
Since then, over 300,000 of you have visited this site and searched for your representatives. Thank you for participating in democracy and making your voice heard.
Unfortunately, I am no longer able to keep running Call My Congress and ensure that this website is secure, accessible, and accurate.
Ensuring you are about to reach your representatives in Congress is too important to be handled by one person in her limited free time. There are so many other apps out there that are much better supported and able to help you engage with your representatives.
Thank you for using Call My Congress. If you've ever written in about a bug or to let me know about your use case, I truly appreciate it. It's been an honor to hear from you and support you in this small way.
—Marie Chatfield
December 8, 2019


---
title: Authorization Policy
description: Configuration for access control on Dubbo services.
layout: protoc-gen-docs
generator: protoc-gen-docs
schema: dubbo.aeraki.io.v1alpha1.DubboAuthorizationPolicy
number_of_entries: 8
---
Authorization Policy scope (target) is determined by “metadata/namespace” and
an optional “selector”.
- “metadata/namespace” tells which namespace the policy applies. If set to root
namespace, the policy applies to all namespaces in a mesh.
DubboAuthorizationPolicy
DubboAuthorizationPolicy enables access control on Dubbo services.
| Field |
Type |
Description |
Required |
rules |
Rule[] |
Optional. A list of rules to match the request. A match occurs when at least
one rule matches the request.
If not set, the match will never occur. This is equivalent to setting a
default of deny for the target workloads.
|
No
|
action |
Action |
Optional. The action to take if the request is matched with the rules.
|
No
|
Rule
Rule matches requests from a list of sources that perform a list of operations subject to a
list of conditions. A match occurs when at least one source, one operation and all conditions
matches the request. An empty rule is always matched.
Any string field in the rule supports Exact, Prefix, Suffix and Presence match:
- Exact match: “abc” will match on value “abc”.
- Prefix match: “abc*” will match on value “abc” and “abcd”.
- Suffix match: “*abc” will match on value “abc” and “xabc”.
- Presence match: “*” will match when value is not empty.
| Field |
Type |
Description |
Required |
from |
From[] |
Optional. from specifies the source of a request.
If not set, any source is allowed.
|
No
|
to |
To[] |
Optional. to specifies the operation of a request.
If not set, any operation is allowed.
|
No
|
Source
Source specifies the source identities of a request. Fields in the source are
ANDed together.
For example, the following source matches if the principal is “admin” or “dev”
and the namespace is “prod” or “test”.
principals: ["admin", "dev"]
namespaces: ["prod", "test"]
| Field |
Type |
Description |
Required |
principals |
string[] |
Optional. A list of source peer identities (i.e. service account), which
matches to the “source.principal” attribute. This field requires mTLS enabled.
If not set, any principal is allowed.
|
No
|
notPrincipals |
string[] |
Optional. A list of negative match of source peer identities.
|
No
|
namespaces |
string[] |
Optional. A list of namespaces, which matches to the “source.namespace”
attribute. This field requires mTLS enabled.
If not set, any namespace is allowed.
|
No
|
notNamespaces |
string[] |
Optional. A list of negative match of namespaces.
|
No
|
Operation
Operation specifies the operations of a request. Fields in the operation are
ANDed together.
For example, the following operation matches if the Dubbo interface is “org.apache.dubbo.samples.basic.api.DemoService”
and the method is “sayHello”.
interfaces: ["org.apache.dubbo.samples.basic.api.DemoService"]
methods: ["sayHello"]
| Field |
Type |
Description |
Required |
interfaces |
string[] |
Optional. A list of interfaces, which matches to the Dubbo interface.
If not set, any interfaces is allowed.
|
No
|
notInterfaces |
string[] |
Optional. A list of negative match of interfaces.
|
No
|
methods |
string[] |
Optional. A list of methods, which matches to the Dubbo methods.
If not set, any method is allowed.
|
No
|
notMethods |
string[] |
Optional. A list of negative match of methods.
|
No
|
Rule.From
From includes a list or sources.
| Field |
Type |
Description |
Required |
source |
Source |
Source specifies the source of a request.
|
No
|
Rule.To
To includes a list or operations.
| Field |
Type |
Description |
Required |
operation |
Operation |
Operation specifies the operation of a request.
|
No
|
DubboAuthorizationPolicy.Action
Action specifies the operation to take.
| Name |
Description |
ALLOW |
Allow a request only if it matches the rules. This is the default type.
|
DENY |
Deny a request if it matches any of the rules.
|
DubboAuthorizationPolicy.Action
Action specifies the operation to take.
| Name |
Description |
ALLOW |
Allow a request only if it matches the rules. This is the default type.
|
DENY |
Deny a request if it matches any of the rules.
|


Sign Up
First Name
Email
User ID
Phone Number
Aadhar Number
First Name
Password
Repeat Password
Remember me
By creating an account you agree to our Terms & Privacy.
Sign Up