All Projects → mariojgt → onix

mariojgt / onix

Licence: MIT license
A page builder for laravel that works in a very simple and easy way, by default onix uses tailwind css, but can be easy change to your custom css.

Programming Languages

CSS
56736 projects
javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to onix

grape-sideload
Add support for sideload JSON in your Grape API
Stars: ✭ 16 (-15.79%)
Mutual labels:  grape
portfolio
This is my portfolio which is also a template. Feel free to fork, star, and use it.
Stars: ✭ 86 (+352.63%)
Mutual labels:  tailwind
code-type
Practice code-typing with top 1000 keywords of the most popular programming languages.
Stars: ✭ 31 (+63.16%)
Mutual labels:  tailwind
electron-vite-tailwind-starter
This Starter utilizes Electron, Vite and Tailwindcss in combination. It trys to adhare best practices.
Stars: ✭ 141 (+642.11%)
Mutual labels:  tailwind
onix
A reactive configuration manager designed to support Infrastructure as a Code provisioning, and bi-directional configuration management providing a single source of truth across multi-cloud environments.
Stars: ✭ 89 (+368.42%)
Mutual labels:  onix
ngx-tailwind
💨 Simple Angular schematic that initializes Tailwind CSS in your project and adds a custom webpack config to your build process.
Stars: ✭ 120 (+531.58%)
Mutual labels:  tailwind
shopify-slater-tailwindcss
Shopify Starter Theme + TailwindCSS with PurgeCSS
Stars: ✭ 40 (+110.53%)
Mutual labels:  tailwind
Uix-Page-Builder
Uix Page Builder is a design system that it is simple content creation interface.
Stars: ✭ 20 (+5.26%)
Mutual labels:  page-builder
tailwind
Website clones/examples using Tailwind CSS.
Stars: ✭ 49 (+157.89%)
Mutual labels:  tailwind
windstrap
Tailwind CSS with Bootstrap JS
Stars: ✭ 63 (+231.58%)
Mutual labels:  tailwind
dsmtech
🚀 The best tech companies and startups in the Greater Des Moines area.
Stars: ✭ 21 (+10.53%)
Mutual labels:  tailwind
tailwindcss-dash-docset
TailwindCSS Dash Docset, built with the Dash Docset Builder in PHP. We needed it. 🌈️
Stars: ✭ 37 (+94.74%)
Mutual labels:  tailwind
ONIX-Data
This solution is a C# library that serves to provide .NET data structures for the ONIX XML format, which is the international standard for representing electronic data regarding books (along with other media).
Stars: ✭ 20 (+5.26%)
Mutual labels:  onix
bootstrap-tailwind-breakpoints
A tiny little thing that helps you keep track of your break points.
Stars: ✭ 19 (+0%)
Mutual labels:  tailwind
nextjs-prism-markdown
Example using Prism / Markdown with Next.js including switching syntax highlighting themes.
Stars: ✭ 87 (+357.89%)
Mutual labels:  tailwind
create-nuxt-tailwind-app
[DEPRECATED] Use create-nuxt-app, they added full tailwindcss & purgecss support
Stars: ✭ 32 (+68.42%)
Mutual labels:  tailwind
tailwind-shift
⚙️ Shift to the next TailwindCSS version hassle-free.
Stars: ✭ 114 (+500%)
Mutual labels:  tailwind
tailwindcss-modularscale
Modular scale plugin for TailwindCSS.
Stars: ✭ 19 (+0%)
Mutual labels:  tailwind
animeflix
A anime discovery, streaming site made with NextJs and TailwindCSS. Uses AniList API and video data from GogoAnime. No ads and no vpn required
Stars: ✭ 326 (+1615.79%)
Mutual labels:  tailwind
nextjs-typescript-and-mongodb
NextJS template for development with MongoDB.
Stars: ✭ 17 (-10.53%)
Mutual labels:  tailwind

Onix v2

ko-fi

Getting started

Quick start check the link below

https://www.youtube.com/watch?v=B86iZFu4EIE

To install the package do the following.

  1. composer require mariojgt/onix
  2. php artisan v:p --force
  3. select the onixProvider and publish all the required assets

Notes: This package on publish will move across webpack, tailwind and package.json so make sure to backup your project files.

If you want to use a improved version please considering using Onix Pro more information:https://onixpro.net/

Demo

After the setup you can access the demo page on /onix/grape and you should be able to see the package demo.

How to use the pagebuilder

To use the builder you need to add the following in you blade file i recommend to use a blank blade file.

<x-onix::onix.main
    cssPath="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" // Not Required
    javascriptPath="https://youraplication.js" // Not Required
    imageAssetUrlLoader="{{ route('onix.image.load') }}" // Not Required
    imageAssetUrlSave="{{ route('onix.image.save') }}" // Not Required
    saveUrl="{{ route('onix.save') }}" // Not Required
    loadUrl="{{ route('onix.load') }}" // Not Required
    autoLoadingUrl="{{ route('onix.component.load') }}" // Not Required
/>
  1. css Path you can add you own css for example bootstrap or tailwind css by default onix use tailwind
  2. imageAssetUrlLoader route you can load the images
  3. imageAssetUrlSave route where you can upload images and save in the database
  4. saveUrl url where you want to save your url
  5. loadUrl exemple to load the pagebuilder
  6. autoLoadingUrl this is where you can autoload components from Api request

Release:

2.0.3: Now the path of the javascript files is define in the config file. 2.0.4: minor bug fix 2.0.5: New feature now you can add javascript code, and also onix-pro version in development with features such as be able to create a blade file and community pages and blocks share with rating system, more info please https://onixpro.net/ (in developent) 2.0.6: code editor bug fix you may need to run (npm run watch) case using the old version, onixpro almost read for release, there still some ui usses and populating the store with some usefull components.

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].