Search Results for "patterns" - Page 4
Sort By:
Showing 117 open source projects for "patterns"
View related business solutions-
$300 Free Credits for Your Google Cloud ProjectsLaunch your next project with $300 in free Google Cloud credits—no strings attached. Test, build, and deploy without risk. Use your credits across the entire Google Cloud platform to find what works best for your needs. After your credits are used, continue with always-free tier services. Only pay when you're ready to scale. Sign up in minutes and start exploring.
-
Our Free Plans just got better! | Auth0You asked, we delivered! Auth0 is excited to expand our Free and Paid plans to include more options so you can focus on building, deploying, and scaling applications without having to worry about your security. Auth0 now, thank yourself later.
-
1
Effeckt.css
A Performant Transitions and Animations Library
Effeckt.css is a showcase and toolkit of high-performance UI transitions and animations for the web. It catalogs common interaction patterns—button states, list reveals, modals, off-canvas menus, and page transitions—implemented with CSS transforms and opacity for smooth, GPU-friendly motion. The project focuses on practical details such as using compositing-friendly properties, keeping DOM structures lean, and providing hooks so JavaScript can toggle classes without micromanaging animation state. ... -
2
tcomb
Type checking and DDD for JavaScript
...The library is useful in JavaScript projects where static type information is unavailable or insufficient at runtime. It can validate external inputs, document data expectations, and support safer programming patterns without requiring a full type system migration. tcomb also serves as the foundation for related projects such as tcomb-validation and tcomb-form. Its main value is bringing lightweight, expressive runtime type modeling to JavaScript applications. -
3
React Values
A set of tiny React components for handling state with render props
...Instead of forcing you into a specific global state system or hooks-only interface, it uses render props to keep components flexible and visible in the tree, enabling controlled and uncontrolled use cases alongside shared state patterns. The design prioritizes simplicity and familiarity, so working with values feels like using native JavaScript methods but with UI reactivity built in, helping you avoid boilerplate. -
4
Recompose
React utility belt for function components and higher-order components
Recompose is a React utility belt for function components and higher-order components. Think of it like lodash for React. You can use Recompose to lift state into functional wrappers, perform the most common React patterns, optimize rendering performance, interoperate with other libraries, build your own libraries, etc. Recompose helpers integrate really nicely with external libraries like Relay, Redux, and RxJS. Recompose focuses on higher-order components. HoCs are functions that accept a base component and return a new component with additional functionality. ... -
Secure File Transfer for Windows with Cerberus by RedwoodCerberus supports unlimited users and connections on a single IP, with built-in encryption, 2FA, and a browser-based web client — all deployable in under 15 minutes with a 25-day free trial.
-
5
QuoJS
Micro #JavaScript Library for Mobile Devices
...A core feature set centers on high-level touch gestures—such as tap, double-tap, swipe, pinch, and long-tap—abstracting away platform quirks so developers can attach handlers consistently across devices. The library embraces modern browser features and CSS3 where available, offering helpers that make common mobile UI patterns feel responsive and fluid. Because it is intentionally minimal, QuoJS plays well as a drop-in alongside other client libraries when you only need fast gestures and a few utilities rather than a full framework. Its API is designed to be readable and chainable. -
6
Essential React
A minimal skeleton for building testable React apps using Babel
...Babel 6 with Webpack and Hot Loader. Fast testing with mocked-out DOM. Import CSS files as class names. Separate smart and dumb components. No specific implementation of Flux or data fetching patterns. A core philosophy of this skeleton app is to keep the tooling to a minimum. For this reason, you can find all the commands in the scripts section of package.json. This leverages React Hot Loader to automatically start a local dev server and refresh file changes on the fly without reloading the page. It also automatically includes source maps, allowing you to browse code and set breakpoints on the original ES6 code. ... -
7
electron-vue-admin
Vue electron admin template web
...The project aims to let teams reuse familiar Vue components, routing, and permission models while packaging the app as a cross-platform desktop application. Because it inherits from the template ecosystem, you can incorporate patterns like Element UI components, axios-based API calls, and role-based navigation. It’s useful for internal tools that benefit from native-like desktop packaging, offline capabilities, or OS-level integrations. The repository provides a recognizable structure so Vue developers can get productive quickly without learning a new desktop-specific framework from scratch. -
8
Express & mongoose REST API Boilerplate
A boilerplate application for building RESTful APIs Microservice
...Helps you stay productive by following best practices. Follows Airbnb's Javascript style guide. JavaScript code linting is done using ESLint, a pluggable linter tool for identifying and reporting on patterns in JavaScript. Uses ESLint with eslint-config-Airbnb, which tries to follow the Airbnb JavaScript style guide. Supports code coverage of ES6 code using istanbul and mocha. Code coverage reports are saved in the coverage/directory post yarn test execution. Open coverage/lcov-report/index.html to view the coverage report. yarn test also displays code coverage summary on the console. ... -
9
vue-content-placeholders
Composable components for rendering fake (progressive) content
vue-content-placeholders is a Vue plugin for rendering animated skeleton placeholders while real data is loading. It helps developers improve perceived performance by showing fake progressive content instead of leaving blank spaces on the screen. The components are composable, so developers can build placeholder layouts that resemble cards, lists, headings, images, and text blocks. The project was designed for Vue 2 applications and follows the familiar placeholder style popularized by... -
Ship Agents FasterGemini Enterprise Agent Platform lets you rapidly build, scale, govern and optimize production-ready agents grounded in your organization's data. The platform enables developers to build custom or pre-built agents for virtually any use case. New customers get $300 in free credits.
-
10
Nodeunit
Easy unit testing in node.js and the browser
Nodeunit is a lightweight and simple unit testing framework for Node.js that follows a minimalistic approach inspired by traditional xUnit testing patterns. It allows developers to write test cases as plain JavaScript functions, making it easy to integrate into existing projects without requiring complex setup or configuration. The framework provides basic assertion methods and test runners that can execute tests sequentially or asynchronously. Nodeunit supports both synchronous and asynchronous tests, enabling developers to validate code that relies on callbacks or promises. ... -
11
asynquence
Asynchronous flow control
asynquence is a small, promise-like flow library for composing asynchronous steps into readable sequences. Instead of juggling nested callbacks, you create a chain of operations that pass values forward and route errors consistently. It supports concurrency control via “gates” and “races,” letting multiple tasks proceed and rejoin at the right moment without complex bookkeeping. The design emphasizes clarity and debuggability, keeping stack traces and error paths straightforward. Plugins... -
12
vue-countTo
It's a vue component that will count to a target number
...A live demo showcases common use cases like incremental updates and countdowns, making it easy to test parameters. Inspired by countUp.js, the component remains small and focused while embracing idiomatic Vue patterns. -
13
Flummox
Minimal, isomorphic Flux
The Flummox project is a Flux implementation designed to provide a more modular, testable, and isomorphic approach to application state management in React environments. It rethinks traditional Flux architecture by eliminating the need for singletons and encouraging explicit dependency injection, making applications easier to test and reason about. The framework is built with modern JavaScript features and emphasizes clear separation of concerns between actions, stores, and components. It... -
14
BottomSheetPickers
Third-party date and time pickers for Android
...These pickers are implemented as dialog fragments, allowing them to integrate smoothly into existing Android applications while maintaining lifecycle awareness. The library is built on top of Android support libraries and can be customized through various configuration options such as themes, callbacks, and builder patterns. Developers can easily handle user input through listener interfaces, enabling flexible integration with application logic. -
15
PurifyCSS
Remove unused CSS. Also works with single-page apps
...If your application is using a CSS framework, this is especially useful as many selectors are often unused. Statically analyzes your code to pick up which selectors are used. The CLI currently does not support file patterns. Remove unused CSS code from your stylesheet. PurifyCSS is meant to be installed via npm and built into your build process using tools like Grunt, Gulp or Webpack. However if you're using a different development stack or building your sites with a CMS like Wordpress, you can use the online tool to clean up your stylesheet. Especially if you are using CSS frameworks like Bootstrap or a multi-purpose Wordpress theme, chances are you are actually using less than 20% of the defined CSS rules. -
16
yo-yo.js
A tiny library for building modular UI components using DOM diffing
...The core idea behind yo-yo is to enable developers to write modular, dynamic views using ES6 tagged template syntax, then update those views by intelligently diffing and morphing the real DOM rather than re-rendering everything. It’s inspired by patterns found in larger UI frameworks but stays extremely lightweight—only a few kilobytes when minified and gzipped—by leveraging existing tools like bel (for templating) and morphdom (for DOM updates). yo-yo underpins some higher-level frameworks and is ideal for developers who want direct control over components without the overhead of a full reactive framework. ... -
17
iReading
iReading App Write In React-Native
iReading App Write In React-Native. ShowAPI was used by iReading from free to charge, so my key doesn't work. You could apply for a new key and replace in UrlUtil.js, it will work properly. Supports Android 4.1 (API 16)+ IOS(8.0+). -
18
React Redux Starter Kit
Get started with React, Redux, and React-Router
...The project structure presented in this boilerplate is fractal, where functionality is grouped primarily by feature rather than file type. This structure is only meant to serve as a guide, it is by no means prescriptive. That said, it aims to represent generally accepted guidelines and patterns for building scalable applications. Hot reloading is enabled by default when the application is running in development mode (yarn start). This feature is implemented with webpack's Hot Module Replacement capabilities. -
19
olivermak.es
Personal archive for Oliver Pattison: writing, photos and projects
Personal archive for Oliver Pattison: writing, photos, and projects. Build a personal website as an archive for my creative output. Experiment with HTML, CSS, and JavaScript using design patterns that I have not implemented before. Self-built: design and implement as much as possible by myself. Showcase my work for others. Improve at building advanced static sites with Jekyll. -
20
analytics.js boilerplate
Examples and best practices for using analytics.js
...It collects best practices for tracking page views, user interactions, errors, performance metrics, and custom events in a structured way. The project was created to help developers avoid scattered analytics snippets and instead start from a cleaner, more maintainable setup. It includes patterns for organizing analytics logic, reporting useful metrics, and making implementation decisions more deliberate. While analytics.js itself is now a legacy Google Analytics library, the repository remains useful as a historical and educational reference for analytics architecture. Its main value is showing how to treat analytics as a thoughtful engineering layer rather than a pile of ad hoc tags. -
21
Web Starter Kit
Web Starter Kit - a workflow for multi-device websites
...Minify and concatenate JavaScript, CSS, HTML and images to help keep your pages lean. JavaScript code linting is done using ESLint - a pluggable linter tool for identifying and reporting on patterns in JavaScript. Web Starter Kit uses ESLint with eslint-config-google, which tries to follow the Google JavaScript style guide. A built-in server for previewing your site locally while you develop and iterate. Reload the browser in real-time anytime an edit is made without the need for an extension. -
22
CSSLint
Automated linting of cascading stylesheets
CSSLint is an open-source CSS code quality tool originally written by Nicholas C. Zakas and Nicole Sullivan. A lint tool performs static analysis of source code and flags patterns that might be errors or otherwise cause problems for the developer. CSSLint is a tool to help point out problems with your CSS code. It does basic syntax checking as well as applying a set of rules to the code that look for problematic patterns or signs of inefficiency. The rules are all pluggable, so you can easily write your own or omit ones you don't want. ... -
23
cpx
A cli tool to watch and copy file globs.
CPX is a Node.js file copying utility designed for handling complex file copy operations with watch mode support. It is useful for build pipelines that require file synchronization. -
24
Reflexbox
Responsive React Flexbox Grid System
Reflexbox is a React utility library that provides a set of flexible layout components built on top of the CSS Flexbox specification, enabling developers to create responsive layouts with minimal effort. It introduces components such as Box and Flex that abstract common layout patterns into reusable primitives, allowing developers to apply spacing, alignment, and sizing through props rather than writing custom CSS. The library integrates seamlessly with styled-system, enabling theme-based design and consistent spacing scales across applications. Reflexbox is designed to be highly composable, allowing developers to build complex layouts by combining simple components. ... -
25
Traceur
Traceur is a JavaScript.next-to-JavaScript-of-today compiler
...JavaScript's evolution needs your input. Try out the new language features. Tell us how they work for you and what's still causing you to use more boilerplate and "design patterns" than you prefer. You can use some language features right now and even try it out in your browser here. Just type in some code and see what Traceur produces.
