twin.examples

Packed with examples for different frameworks, this repo helps you get started with twin a whole lot faster. (by ben-rogerson)

Twin.examples Alternatives

Similar projects and alternatives to twin.examples

  1. Visual Studio Code

    Visual Studio Code

  2. SurveyJS

    JavaScript Form Builder with No-Code UI & Built-In JSON Schema Editor. Add the SurveyJS white-label form builder to your JavaScript app (React/Angular/Vue3). Build complex JSON forms without coding. Fully customizable, works with any backend, perfect for data-heavy apps. Learn more.

    SurveyJS logo
  3. Tailwind CSS

    A utility-first CSS framework for rapid UI development.

  4. twin.macro

    57 twin.examples VS twin.macro

    🦹‍♂️ Twin blends the magic of Tailwind with the flexibility of css-in-js (emotion, styled-components, solid-styled-components, stitches and goober) at build time.

  5. gltfjsx

    58 twin.examples VS gltfjsx

    🎮 Turns GLTFs into JSX components

  6. TypeScript-Website

    The Website and web infrastructure for learning TypeScript

  7. tsdx

    45 twin.examples VS tsdx

    Zero-config CLI for TypeScript package development

  8. changesets

    37 twin.examples VS changesets

    🦋 A way to manage your versioning and changelogs with a focus on monorepos

  9. InfluxDB

    InfluxDB – Built for High-Performance Time Series Workloads. InfluxDB 3 OSS is now GA. Transform, enrich, and act on time series data directly in the database. Automate critical tasks and eliminate the need to move data externally. Download now.

    InfluxDB logo
  10. craco

    32 twin.examples VS craco

    Create React App Configuration Override, an easy and comprehensible configuration layer for Create React App.

  11. twind

    30 twin.examples VS twind

    The smallest, fastest, most feature complete Tailwind-in-JS solution in existence.

  12. eslint-config-prettier

    Turns off all rules that are unnecessary or might conflict with Prettier.

  13. compiled

    16 twin.examples VS compiled

    A familiar and performant compile time CSS-in-JS library for React.

  14. prettier-eslint

    Code :arrow_right: `prettier` :arrow_right: `eslint --fix` :arrow_right: Formatted Code :sparkles:

  15. eslint-plugin-prettier

    ESLint plugin for Prettier formatting

  16. react-webpack-5-tailwind-2

    Discontinued React 17 Boilerplate with Webpack 6, Tailwind 2, using babel, SASS/PostCSS, HMR, dotenv and an optimized production build

  17. tailpress

    TailPress is a minimal boilerplate theme for WordPress using Tailwind CSS.

  18. react-tw-blog-post

    A component library built with React + Tailwind + TSDX for a blog post.

  19. twin-tsdx-component-lib

    A boilerplate for a component library with Twin based on TDSX

  20. PostCSS

    96 twin.examples VS PostCSS

    Transforming styles with JS plugins

  21. tailwind-config-viewer

    A local UI tool for visualizing your Tailwind CSS configuration file.

  22. jest-styled-components

    🔧 💅 Jest utilities for Styled Components

  23. SaaSHub

    SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

    SaaSHub logo
NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a better twin.examples alternative or higher similarity.

twin.examples discussion

Log in or Post with

twin.examples reviews and mentions

Posts with mentions or reviews of twin.examples. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2024-06-13.
  • Setting up twin.macro with Vite + React
    2 projects | dev.to | 13 Jun 2024
    Okay, we are all done with that. Now to the entire configurations. Now, if you follow Ben Rogerson’s docs in his explanation, you will see the ability to add the babel field to your package.json, or to create a babel-plugin-macros.config.js file and add some code to it. I would suggest you rename it to .mjs, instead of .js If you are adding to the package.json, you add;
  • How to load a GLTF model inside NextJS in 2022
    2 projects | /r/threejs | 18 Feb 2022
    Hey, I'm trying (and failing) to put together a codesandbox. I think it's easier to replicate the steps from here: https://github.com/ben-rogerson/twin.examples/tree/master/next-styled-components
  • How to set up _document.js with twin.macro + Google Analytics ?
    1 project | /r/nextjs | 24 Sep 2021
    well, this is exactly how it's set up in the twin.macro example repo with next.js, and it is working perfectly fine?
  • How to setup create-react-app twin.macro and emotion
    4 projects | dev.to | 29 Mar 2021
    You can pretty much follow all the steps from this tutorial, until this point where it tells you to extend JSX with a jsx-pragma in front of every twin.macro import. The documentation underneath says the following:
  • How to Build A React TS Tailwind Design System
    20 projects | dev.to | 16 Feb 2021
    Alright, I had my tools in place and it was time to start connecting the dots, so to speak. I kicked off a new TSDX project, installed Styled components, and then went on to try and set up twin.macro. However, I hit a snag there... In the Twin example repo, there was no Styled Components + Storybook example, so I configured what seemed to make sense. Then I went on to add some samples, imported them into a new Story, and tried to run Storybook. It didn't work as expected. Some of the code worked and other components that were using the tw syntax didn't:
  • Boilerplate with React 17, Webpack 5, Tailwind 2, using babel, sass, with a hot dev server and an optimized production build
    7 projects | /r/reactjs | 2 Jan 2021
    the biggest would be as a plugin to compile/transpile other language macros for example twin-macro (styled components using tailwind syntax) https://github.com/ben-rogerson/twin.examples/tree/master/component-library-styled-components/packages/components
  • A note from our sponsor - SaaSHub
    www.saashub.com | 18 May 2025
    SaaSHub helps you find the best software and product alternatives Learn more →

Stats

Basic twin.examples repo stats
6
467
6.4
about 1 year ago

Sponsored
JavaScript Form Builder with No-Code UI & Built-In JSON Schema Editor
Add the SurveyJS white-label form builder to your JavaScript app (React/Angular/Vue3). Build complex JSON forms without coding. Fully customizable, works with any backend, perfect for data-heavy apps. Learn more.
surveyjs.io

Did you know that TypeScript is
the 1st most popular programming language
based on number of references?