All Projects → nk-crew → visual-portfolio

nk-crew / visual-portfolio

Licence: other
Portfolio layouts visual editor with Gutenberg support

Programming Languages

PHP
23972 projects - #3 most used programming language
javascript
184084 projects - #8 most used programming language
SCSS
7915 projects

Projects that are alternatives of or similar to visual-portfolio

Vue Magic Grid
🧙‍♂️🔌 Responsive Magic Grid for Vue
Stars: ✭ 162 (+422.58%)
Mutual labels:  grid, masonry
Niui
Lightweight, feature-rich, accessible front-end library
Stars: ✭ 152 (+390.32%)
Mutual labels:  grid, masonry
Egjs Infinitegrid
A module used to arrange card elements including content infinitely on a grid layout.
Stars: ✭ 751 (+2322.58%)
Mutual labels:  grid, masonry
react-mason
React Masonry grid
Stars: ✭ 13 (-58.06%)
Mutual labels:  grid, masonry
Justified Gallery
Javascript library to help creating high quality justified galleries of images. Used by thousands of websites as well as the photography community 500px.
Stars: ✭ 1,512 (+4777.42%)
Mutual labels:  gallery, masonry
Shuffle
Categorize, sort, and filter a responsive grid of items
Stars: ✭ 2,170 (+6900%)
Mutual labels:  grid, masonry
Masonry Layout
An efficient and fast web component that gives you a beautiful masonry layout
Stars: ✭ 43 (+38.71%)
Mutual labels:  grid, masonry
React Grid Carousel
React responsive carousel component w/ grid layout
Stars: ✭ 29 (-6.45%)
Mutual labels:  gallery, grid
egjs-grid
A component that can arrange items according to the type of grids
Stars: ✭ 188 (+506.45%)
Mutual labels:  grid, masonry
masonry-css
Create mosaic grid, like masonry, with css only
Stars: ✭ 17 (-45.16%)
Mutual labels:  grid, masonry
gridd
Flexible grid-based WordPress theme
Stars: ✭ 38 (+22.58%)
Mutual labels:  grid
vue-griddle
⚠️ Deprecated. A Vue.js implementation of @braid/griddle-scss with a toggleable visual overlay to help with your front-end development
Stars: ✭ 11 (-64.52%)
Mutual labels:  grid
react-keyview
React components to display the list, table, and grid, without scrolling, use the keyboard keys to navigate through the data
Stars: ✭ 16 (-48.39%)
Mutual labels:  grid
dynamic-table
Dynamic Table jQuery Plug-in - A table that can be sorted, filtered and edited, similar to common spreadsheet application.
Stars: ✭ 26 (-16.13%)
Mutual labels:  grid
ProPicker
ProPicker is a file picker (image, video, file) library for Android. It helps you to pick any file and return the result in a convenient way
Stars: ✭ 25 (-19.35%)
Mutual labels:  gallery
hentai-downloader
ExHentai exhentai.org, e-hentai.org images gallery download to folder.
Stars: ✭ 37 (+19.35%)
Mutual labels:  gallery
CSS-Grid
CSS Grid 레이아웃 모듈 Level 1
Stars: ✭ 21 (-32.26%)
Mutual labels:  grid
grid-shader-unity
A grid shader for Unity 🌐
Stars: ✭ 81 (+161.29%)
Mutual labels:  grid
ag-grid
The best JavaScript Data Table for building Enterprise Applications. Supports React / Angular / Vue / Plain JavaScript.
Stars: ✭ 8,743 (+28103.23%)
Mutual labels:  grid
VueFlex
A flexbox grid system.
Stars: ✭ 13 (-58.06%)
Mutual labels:  grid

Visual Portfolio - layouts visual editor with Gutenberg support

Development

Requirements

Prerequisite How to check How to install
PHP >= 5.5.9 php -v php.net
Node.js >= 6.x.x node -v nodejs.org
Composer >= 1.0.0 composer -V getcomposer.org

Installation

  • Run npm install in the command line. Or if you need to update some dependencies, run npm update

Building

  • npm run build to run build
  • npm run watch to run build and start files watcher
  • npm run production to run build and prepare zip files for production

Linting

We use pre-commit and pre-push hooks for Git to lint sources with phpcs, eslint and stylelint tasks.

NPM commands to work with linting:

  • npm run php-lint to show phpcs errors
  • npm run php-lint-fix to automatically fix some of the phpcs errors
  • npm run js-lint to show eslint errors
  • npm run js-lint-fix to automatically fix some of the eslint errors
  • npm run css-lint to show stylelint errors
  • npm run css-lint-fix to automatically fix some of the stylelint errors

All linters compatible with the modern IDE and code editors.

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