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 → microapps → Shopify Embedded App Frontend Framework

microapps / Shopify Embedded App Frontend Framework

Licence: mit
deprecated - Shopify Embedded App Frontend Framework sponsored by

Labels

htmlcssshopifyfrontend-framework

Projects that are alternatives of or similar to Shopify Embedded App Frontend Framework

Themekit
Shopify theme development command line tool.
Stars: ✭ 834 (+881.18%)
Mutual labels:  shopify
Shopifyscraper
Shopify Scraper (not monitor)
Stars: ✭ 41 (-51.76%)
Mutual labels:  shopify
Action Shopify
Deploy Shopify theme with Theme Kit on GitHub Actions
Stars: ✭ 67 (-21.18%)
Mutual labels:  shopify
Shopify Lang
Multi-Language Shopify Online Shop
Stars: ✭ 26 (-69.41%)
Mutual labels:  shopify
Wp Shopify
🎉 Sell and build custom Shopify experiences on WordPress.
Stars: ✭ 38 (-55.29%)
Mutual labels:  shopify
Polaris Icons
A cohesive collection of icons that we use across the Shopify platform.
Stars: ✭ 43 (-49.41%)
Mutual labels:  shopify
Storefront Api Examples
Example custom storefront applications built on Shopify's Storefront API
Stars: ✭ 769 (+804.71%)
Mutual labels:  shopify
Radon
Object oriented state management solution for front-end development.
Stars: ✭ 80 (-5.88%)
Mutual labels:  frontend-framework
Gatsby Starter Storefront Shopify
Starter package for faster setup process of Gatsby Storefront.
Stars: ✭ 41 (-51.76%)
Mutual labels:  shopify
Vue Storefront
The open-source frontend for any eCommerce. Built with a PWA and headless approach, using a modern JS stack. We have custom integrations with Magento, commercetools, Shopware and Shopify and total coverage is just a matter of time. The API approach also allows you to merge VSF with any third-party tool like CMS, payment gateways or analytics. Ne…
Stars: ✭ 9,111 (+10618.82%)
Mutual labels:  shopify
Language Liquid
Liquid language support for Atom.
Stars: ✭ 28 (-67.06%)
Mutual labels:  shopify
Angular Interview Questions
A list of helpful Angular interview questions you can use to interview potential candidates, test yourself or completely ignore.
Stars: ✭ 967 (+1037.65%)
Mutual labels:  frontend-framework
Slater Theme
Shopify Starter theme based on slate
Stars: ✭ 47 (-44.71%)
Mutual labels:  shopify
Puddles
Tiny vdom app framework. Pure Redux. No boilerplate.
Stars: ✭ 24 (-71.76%)
Mutual labels:  frontend-framework
Next Storefront
🛍️ A dazzlingly fast E-Commerce solution built with Typescript and NextJS.
Stars: ✭ 72 (-15.29%)
Mutual labels:  shopify
Amis
前端低代码框架，通过 JSON 配置就能生成各种页面。
Stars: ✭ 8,930 (+10405.88%)
Mutual labels:  frontend-framework
Jsx Lite
Write components once, run everywhere. Compiles to Vue, React, Solid, Angular, Svelte, and Liquid.
Stars: ✭ 1,015 (+1094.12%)
Mutual labels:  shopify
Shopify
Shopify PHP SDK to easily interact with the Shopify API.
Stars: ✭ 84 (-1.18%)
Mutual labels:  shopify
Rakuten React Kit
Rakuten React kit
Stars: ✭ 72 (-15.29%)
Mutual labels:  frontend-framework
Laravel Shopify
Laravel Shopify Package
Stars: ✭ 60 (-29.41%)
Mutual labels:  shopify
View All Similar Projects ➔

Deprecated. See the new Shopify Polaris

which rocks, by the way!

Shopify Embedded App Frontend Framework

Overview

SEAFF is a framework built and updated by microapps and contributors, based on the layout of the Shopify merchant admin, as well as its "made by Shopify" embedded applications. It's a free resource to help Shopify Apps Developers easily and quickly write the application's frontend/ui so that it has the same look and feel as the Shopify merchant admin.

All the elements and structures were conceived to be used in a Shopify Embedded Application.

To learn how to use the framework, have examples of use and information about Shopify Embedded Applications, please check the SEAFF documentation page.

Used in our live projects: MoonMail & MONEI

Files found in the project

This project includes the files that should be included in your Shopify Embedded App, as well as the documentation of these files. What is important to know is the following:

  • seaff.css: the CSS file that does all the magic - This should be THE CSS file to be used by your Shopify Embedded App
  • docs.html: the main documentation file, with explanations about embedded apps and how to use the framework as well as examples of use
  • full-width-table.html: a single example of one element - since it is better visualized alone in a page
  • index.html: a file that organizes the documentation files and mimics the Shopify Merchant Admin interface
  • snippets-generator.js: a tricky js used to generate the snippets more easily - you shouldn't use this file for anything, unless you think it will be useful for your project

How to contribute

Just fork the project and make pull requests. Any contribution is kindly appreciated :)

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