Displaying 1 to 15 from 15 results

nanohtml - :dragon: HTML template strings for the Browser with support for Server Side Rendering in Node

  •    Javascript

HTML template strings for the Browser with support for Server Side Rendering in Node. By default all content inside template strings is escaped. This is great for strings, but not ideal if you want to insert HTML that's been returned from another function (for example: a markdown renderer). Use nanohtml/raw for to interpolate HTML directly.

nanomorph - 🚅 - Hyper fast diffing algorithm for real DOM nodes

  •    Javascript

It's common to work with lists of elements on the DOM. Adding, removing or reordering elements in a list can be rather expensive. To optimize this you can add an id attribute to a DOM node. When reordering nodes it will compare nodes with the same ID against each other, resulting in far fewer re-renders. This is especially potent when coupled with DOM node caching. Sometimes we want to tell the algorithm to not evaluate certain nodes (and its children). This can be because we're sure they haven't changed, or perhaps because another piece of code is managing that part of the DOM tree. To achieve this nanomorph evaluates the .isSameNode() method on nodes to determine if they should be updated or not.

dom-notifications - Atom-inspired notifications component

  •    CSS

Have a look at the example page. Install with npm install dom-notifications --save and use something like browserify to create a bundle for the browser.

modal-element - :black_square_button: A basic modal element built on a virtual DOM.

  •    Javascript

A basic modal element built on yo-yo. Creates a new modal element.




on-load - On load/unload events for DOM elements using a MutationObserver

  •    Javascript

Pass a dom node to onload to have a onloadFn function fire when the dom node is added to the document dom and a onunloadFn fire when the dom node is removed from the document dom. Optionally a caller ID can be set to associate the onload/onunload hooks with a particular instance of of a dom node. This is commonly used when 'componentizing' dom nodes.

animate-styles - Composable CSS Animations Built On animate.css

  •    Javascript

Or check out csjs-extractify for extracting the CSS to files or csjs-injectify for injecting the CSS into the document. The animations are exported as smaller sets based on animate-config.json.

yo-yoify - Transform choo, yo-yo or bel template strings into pure and fast document calls

  •    Javascript

Transform choo, yo-yo, or bel template strings into pure and fast document calls. yo-yo and bel, without this transform, pass template literals to hyperx. hyperx then parses and extracts the tags. bel then turns those tags into calls to document.createElement().

awesome-yo-yo - Modules & resources related to yo-yo

  •    

Modules & resources related to the yo-yo module. A tiny library for building modular UI components using DOM diffing and ES6 tagged template literals, powered by bel and morphdom and based on the "yo-yo" data binding pattern: data down, actions up.


beldown - create dom nodes from markdown inside tagged template strings using bel & marked

  •    Javascript

Create dom nodes from markdown inside tagged template strings using bel & marked. Because maybe you're working with yo-yo or choo and want a way to easily turn markdown into dom nodes they can use.

styled-elements - Styled components for the DOM.

  •    Javascript

A super tiny DOM equivalent of styled-components. I love styled-components and needed a DOM equivalent for a project. This is the result. It functions almost the same with pseudo and media queries supported. Dynamic props can be fed in through primitive functions; the output of each is a function where props can be fed in, which then returns another function where child elements and strings can be fed in.

ipfs-social-proof - IPFS Social Proof: A decentralized identity and social proof system

  •    Javascript

Create an online identity peer 2 peer, generate proof(s) that can be validated by peers to verify your identity. No walled garden neccesary.

base-elements - A selection of configurable native DOM UI elements

  •    Javascript

A selection of configurable native DOM UI elements. Inspired by rebass and tachyons.

choo-pull - Wrap handlers to use pull-stream in a choo plugin

  •    Javascript

Wrap handlers to use pull-stream in a choo plugin. This is intended to go beyond basic choo usage, and tread into the domain of managing asynchronous complexity using streams / FRP. While streams code takes longer to write up front, resulting code is generally stateless, pretty damn fast and surprisingly reusable. pull-streams are a minimal version of streams that weigh 200 bytes and handle backpressure phenomenally.

yo-fs - A filesystem browser built with yo

  •    Javascript

A client-side modular, stream-friendly ui browser widget for navigating directories, built with yo-yo.