Oruga: the new kid on the block

• demo-multiframework

  1 10 0.0 Vue

  🧶 Oruga combined with 4 different styles: Tailwind, Bootstrap 5, Bulma and Material!

  

variantClass is determined by a function that will receive "warning" as suffix when variant property of o-button is "warning". Using a function we can instruct Oruga to apply to our Button components a class whose name is composed by "is-" followed by the suffix value, in this case the variant. Thanks to the context parameter, you can take more refined decisions like not applying a variant if the component is outlined (see an example here)

• orugamon

  1 2 0.0 Vue

  🐉 Pokèmon example with Oruga and Nes.css

The app is really simple: it allows you to type Pokèmon name you want to find, press a button and then, through the API, get all the information you need and show them in a table. If the Pokèmon can't be found, the search input will turn red (variant="error") and an error message will be shown. You can play with the app on Netlify and browse the final code on GitHub

• InfluxDB

  www.influxdata.com sponsored

  Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

  

• oruga

  14 1,092 9.4 Vue

  🐛 Oruga is a lightweight library of UI components without any CSS framework dependency

  

GitHub organization

• demo-tailwindcss

  1 16 0.0 Vue

  🎐 TailwindCSS 2 + Oruga demo

  

TailwindCSS 2 Recipe Demo - Source code

• NES.css

  28 20,284 0.0 SCSS

  NES-style CSS Framework | ファミコン風CSSフレームワーク

  

Suppose we want to style our Oruga components using a cool CSS framework like Nes.css to give our app a cool 90s style.

• WorkOS

  workos.com sponsored

  The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

  

Suggest a related project