Displaying 1 to 20 from 36 results

emotion - style as a function of state

  •    Javascript

Emotion is a performant and flexible CSS-in-JS library. Building on many other CSS-in-JS libraries, it allows you to style apps quickly with string or object styles. It has predictable composition to avoid specificity issues with CSS. With source maps and labels, Emotion has a great developer experience and great performance with heavy caching in production. Get up and running with a single import.

grid-styled - Responsive React grid system built with styled-system

  •    Javascript

The Box component handles width, margin and padding. All grid-styled components use styled-system for style props, which pick up values from a theme and allow for responsive styles to be passed as array values.

rebass - :atom_symbol: React UI component library & design system, built with styled-components and styled-system

  •    Javascript

React UI component library & design system, built with styled-system, with support for styled-components & emotion. Rebass is a library of highly-composable, primitive UI components for React, built with styled-components to keep styles isolated and reduce the need to write custom CSS in your application. Based upon a configurable design system, Rebass‘s props API makes building consistent, responsive web apps simpler and faster.




polished - A lightweight toolset for writing styles in JavaScript ✨

  •    Javascript

When ✨ polished modules are imported properly, tree shaking in webpack and Rollup can be leveraged to reduce your bundle size. ✨ polished has first-class Flow support with zero configuration to assist you in finding type errors while using our modules.

styled-tools - Useful interpolated functions for CSS-in-JS

  •    Javascript

Useful interpolated functions for styled-components 💅, emotion 👩‍🎤, JSS and other CSS-in-JS libraries. Same as prop, except that it returns props.theme[path] instead of props[path].

laravel-love - It lets people express how they feel about the content

  •    PHP

This package is a fork of the abandoned Laravel Likeable. It completely changes package namespace architecture, aimed to API refactoring and adding new features. First, pull in the package through Composer.

Text2Emotion - :cookie: 分析一句话的情绪值

  •    Javascript

:cookie: 分析一句话的情绪值


lwjgl3-www - The LWJGL 3 website.

  •    Javascript

The website for LWJGL 3 is build with React. It is a single-page application with client-side routing. It installs a Service Worker in order to work offline.There is no server-side rendering because of hosting constraints.

vue-emotion - [UNMAINTAINED] Seamlessly use emotion (CSS-in-JS) with Vue.js

  •    Javascript

emotion is the Next Generation of CSS-in-JS.Refer to https://github.com/tkh44/emotion for more docs.

design-system-utils - Design system framework for modern front-end projects

  •    Javascript

Maintaining styling consistency in a web app is always tough. This micro framework aims to standardise your design-system and provide helpful utilities to access it's information. Create your design system file, this contains all your global variables that your app will use, think font-sizes, color palette etc.

CSS-in-JS-experiences - CSS-in-JS experiences

  •    Javascript

Hosted experiences can be found here.

CSS-in-JS-generator - A tool to generate trendy CSS-in-JS files from regular CSS.

  •    TypeScript

CSS-in-JS-generator is a tool to generate trendy CSS-in-JS files from regular CSS. Here is a demo to convert Bootstrap to CSS-in-JS usable by emotion.

ember-emotion - Use emotion styling in Ember.js

  •    Javascript

Often times you want to define style based on the state of your component. ember-emotion provides tools for pulling in that state and using it to define your CSS dynamically. By using the computed function to define your CSS block, two features are unlocked. Arguments passed to computed (like hasError above) are dependent keys just like in an Ember computed property definition. Functions embedded in the CSS definition are passed the context of the component as the first argument, so you can base your CSS off of the state. In the example above, any time hasError changes, the function will be called again and red or black will be set as the text color accordingly. This provides an alternative to the "normal" approach of doing this logic in the template to define different classes manually based on the state. Instead, you can allow Ember and Emotion to do that logic for you.

facepaint - Responsive style values for css-in-js.

  •    Javascript

facepaint returns a function that can be exported and used throughout your app to dynamically style based on your provided selectors. Note that the first value is considered a default value and is not a child of a media query at-rule.

Emotion_and_Polarity_SO - An emotion classifier of text containing technical content from the SE domain

  •    OpenEdge

F. Calefato, F. Lanubile, N. Novielli. “EmoTxt: A Toolkit for Emotion Recognition from Text” To appear in In Proceedings of the Seventh International Conference on Affective Computing and Intelligent Interaction Workshops and Demos, {ACII} Workshops 2017, San Antonio, USA, Oct. 23-26, 2017, pp. 79-80, ISBN: 978-1-5386-0563-9. In the following, we show first how to train a new model for emotion classification and, then, how to test the model on unseen data.

Senti4SD - An emotion-polarity classifier specifically trained on developers' communication channels

  •    R

Senti4SD is an emotion polarity classifier specifically trained to support sentiment analysis in developers' communication channels. Senti4SD is trained and evaluated on a gold standard of over 4K posts extracted from Stack Overflow. where inputCorpus.csv is a file containing the data you want to classify, considering a document for each line, and outputPredictions.csv is where the predictions will be saved. This last parameter is optional, if not present the output of the classification will be saved in a file called predictions.csv.

horror - :scream: React HTML elements with CSS-in-JS

  •    Javascript

Horror can be used to create component primitive abstractions, similar to using styled-components or react-emotion, but with a more React-like syntax.