Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/kay-is/awesome-tagged-templates

A list of libraries and learning resources for ES2015 tagged template literals
https://github.com/kay-is/awesome-tagged-templates

List: awesome-tagged-templates

awesome-list education es2015 es6 javascript tagged-template-literals template-literals

Last synced: about 1 month ago
JSON representation

A list of libraries and learning resources for ES2015 tagged template literals

Awesome Lists containing this project

README 

        
# Awesome Tagged Templates



If you find something new and interesting, feel free to send a PR :)



## Learning Resources

- [MDN](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals#Tagged_templates)

- [Exploring JS, by Dr. Axel Rauschmayer](http://exploringjs.com/es6/ch_template-literals.html#_tagged-template-literals)

- [Tagged Template Literals, by Wes Bos](https://wesbos.com/tagged-template-literals/)

- [Creating functions for tagged template literals, by Seth Vincent](https://writingjavascript.org/posts/creating-functions-for-tagged-template-literals)



## Libraries



### CSS

- [astroturf](https://github.com/4Catalyzer/astroturf) _An "artificial" css-in-js for those that want it all._

- [csstag](https://github.com/sgtpep/csstag) _Tagged template for CSS Modules_

- [emotion](https://emotion.sh) _CSS-in-JS library designed for high performance style composition_

- [styled components](https://www.styled-components.com/) _Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress_



### Date

- [fdate](https://github.com/3846masa/fdate) _Light-weight, faster datetime formatter for modern browsers._



### General 

- [common-tags](https://github.com/declandewet/common-tags) _Useful template literal tags for dealing with strings_

- [es6-template-string](https://github.com/medikoo/es6-template-string) _Compile and resolve template strings notation as specified in ES6_

- [is-tagged](https://github.com/schwarzkopfb/is-tagged) _Check whether a function call is initiated by a tagged template string or invoked in a regular way_

- [tage](https://github.com/bengl/tage) _template tags easily made from other functions_

- [tag-reduce](https://github.com/bredele/tag-reduce) _Reduce tagged template literals to a single value_

- [usefulTags](https://github.com/TheThunderGuyS/usefulTags) _A tiny JavaScript library incorporating some useful template tag functions._



### GraphQL

- [graphql-tag](https://github.com/apollographql/graphql-tag) _A JavaScript template literal tag that parses GraphQL queries_



### HTML

- [escape-html-template-tag](https://github.com/Janpot/escape-html-template-tag) _Escapes interpolated values in HTML strings_

- [facon](https://github.com/terkelg/facon) _Tiny utility (272B) to create DOM elements with manner_

- [genel](https://github.com/capsidjs/genel) _Utility for generating html elements with tagged`template literal`. Only 649 bytes._

- [HTM](https://github.com/developit/htm) _Hyperscript Tagged Markup: JSX alternative using standard tagged templates, with compiler support._

- [html-template-tag](https://github.com/AntonioVdlC/html-template-tag) _Escapes interpolated values in HTML strings_

- [hyperHTML](https://github.com/WebReflection/hyperHTML) _A Fast & Light Virtual DOM Alternative_

- [t7](https://github.com/trueadm/t7) _Lightweight virtual DOM templating library_

- [viperHTML](https://github.com/WebReflection/viperHTML) _Isomorphic hyperHTML_

- [macon](https://github.com/LoganTann/macon) _Tiny utility (430B) to create reactive jquery components using a JSX-like syntax_



### HTTP

- [Karin](https://github.com/vaheqelyan/karin) _An elegant promise based HTTP client for the browser and node.js_

- [url-escape-tag](https://github.com/ruimarinho/url-escape-tag) _A template tag for escaping url parameters based on ES2015 tagged templates_



### IaC



- [concise-constructs](https://github.com/awslabs/concise-constructs) _A utility for defining [CDK] constructs without ever needing to think about scope._



### Localization

- [i18n Tagged Template Literals](https://github.com/skolmer/es2015-i18n-tag) _ES2015 template literal tag for i18n and l10n (translation and internationalization)_

- [ttag](https://github.com/ttag-org/ttag) _simple approach for javascript localization_



### Markdown

- [marli](https://github.com/YerkoPalma/marli) _Markdown tagged template literal renderer_



### Regular Expressions

- [regexr](https://github.com/trusktr/regexr) _For composing regular expressions without the need for double-escaping inside strings._



### Shell

- [shell-escape-tag](https://www.npmjs.com/package/shell-escape-tag) _An ES6 template tag which escapes parameters for interpolation into shell commands_



### SQL

- [node-sql-composer](https://github.com/rafeememon/node-sql-composer) _Composable SQL template strings for Node.js_

- [sequelize-sql-tag](https://github.com/ruimarinho/sequelize-sql-tag) _A template tag for writing elegant parameterized SQL queries based on ES2015 tagged template literals using Sequelize_

- [sql](https://github.com/sequencework/sql) _Javascript tag to format SQL template literals_

- [sq-tag](https://github.com/ruimarinho/sql-tag) _A template tag for writing elegant parameterized SQL queries based on ES2015 tagged template literals_

- [sql-tags](https://github.com/snooc/sql-tags) _ES6 tagged template string functions for SQL statements._

- [SQL Template Strings](https://github.com/felixfbecker/node-sql-template-strings) _ES6 tagged template strings for prepared SQL statements_



### WebComponents

- [snuggsi](https://github.com/devpunks/snuggsi) _Easy Web Components in ~1kB_



### YAML

- [yaml-tag](https://github.com/jeanfredrik/yaml-tag) _Template literal tag function for YAML in JS_