GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → phthhieu → Re Tailwind

phthhieu / Re Tailwind

Licence: mit
Brings TailwindCSS https://tailwindcss.com to ReasonML

Programming Languages

reason
219 projects

Labels

reasonml

Projects that are alternatives of or similar to Re Tailwind

Timerlab
⏰ A simple and customizable timer
Stars: ✭ 84 (-28.81%)
Mutual labels:  reasonml
Routes
typed bidirectional routes for OCaml/ReasonML web applications
Stars: ✭ 102 (-13.56%)
Mutual labels:  reasonml
Reason Calculator
A calculator built with Reason and reason-react.
Stars: ✭ 110 (-6.78%)
Mutual labels:  reasonml
Reason Loadable
🔥 Suspense/Lazy for ReasonReact.
Stars: ✭ 88 (-25.42%)
Mutual labels:  reasonml
Reason
Simple, fast & type safe code that leverages the JavaScript & OCaml ecosystems
Stars: ✭ 9,545 (+7988.98%)
Mutual labels:  reasonml
Dmmf
Implementing Scott Wlaschin's “Domain Modeling Made Functional” in Rust, Elm, F♯, and ReasonML
Stars: ✭ 103 (-12.71%)
Mutual labels:  reasonml
Introduce Reason Example
An example app made with Create React App which introduces a Reason component
Stars: ✭ 82 (-30.51%)
Mutual labels:  reasonml
Rescript Recoil
Zero-cost bindings to Facebook's Recoil library
Stars: ✭ 115 (-2.54%)
Mutual labels:  reasonml
Jsoo React
js_of_ocaml bindings for ReactJS. Based on ReasonReact.
Stars: ✭ 101 (-14.41%)
Mutual labels:  reasonml
Reason Mode
Emacs major mode for working with ReasonML
Stars: ✭ 108 (-8.47%)
Mutual labels:  reasonml
A Reason React Tutorial
included code for A ReasonReact Tutorial
Stars: ✭ 94 (-20.34%)
Mutual labels:  reasonml
Reason React Native Web Example
Razzle + Reason-React + React-Native-Web. Damn that's a lot of R's.
Stars: ✭ 98 (-16.95%)
Mutual labels:  reasonml
Verified React
Automated reasoning for React/ReasonML
Stars: ✭ 104 (-11.86%)
Mutual labels:  reasonml
Lenses Ppx
PPX to derive GADT lenses for ReasonML
Stars: ✭ 85 (-27.97%)
Mutual labels:  reasonml
Awesome Reasonml
A collection of awesome things regarding Reason/OCaml ecosystem.
Stars: ✭ 1,473 (+1148.31%)
Mutual labels:  reasonml
Bs Glamor
BuckleScript bindings for glamor
Stars: ✭ 83 (-29.66%)
Mutual labels:  reasonml
Reason Reactify
🚀 Transform a mutable tree into a functional React-like API
Stars: ✭ 102 (-13.56%)
Mutual labels:  reasonml
Ocamlverse.github.io
Documentation of everything relevant in the OCaml world
Stars: ✭ 117 (-0.85%)
Mutual labels:  reasonml
Wonder Editor
Functional 3D Webgl Editor
Stars: ✭ 113 (-4.24%)
Mutual labels:  reasonml
99.re
99 problems with reason(able) solutions.
Stars: ✭ 106 (-10.17%)
Mutual labels:  reasonml
View All Similar Projects ➔

re-tailwind

ReasonML utility to generate Tailwind classes

Install

npm install --save re-tailwind

Add re-tailwind to bs-dependencies in bsconfig.json

Usage

  1. Ensure your app already import tailwind css
[%bs.raw {|require("tailwindcss/dist/tailwind.min.css")|}];
  1. Use function TW.make to construct your tailwind classnames:
module Example = {
  [@react.component]
  let make = () => {
    <div className=TW.([Display(Flex), Float(FloatRight)] |> make)>
      {ReasonReact.string("Hello Example")}
    </div>;
  };
};

More examples

Credits

  • Typed tailwind which has the same purpose to this project but in TypeScript

Next works:

  • Tailwind PPX
  • Auto generate ReasonML code for Tailwind CSS by user config

License

MIT

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].