Skip to main content

E-Commerce App template

A SpiroKit E-commerce app template with Typescript. This template includes:

  • 18 complete screens full of component examples
  • BottomTab and Stack navigation with React-navigation
  • Integration between React-Navigation and the SpiroKit's TabBar component
  • Light / Dark mode ready.

e-commerce app banner

Onboarding, Sign in, Sign up flow

Onboarding, Sign in, Sign up flow

Home screen with carousels to display different products

Home screen with carousels to display different products

Search screen with filter functionality

Search screen with filter functionality

Detail screen with color and size selector, Profile screen, and Favorites screen

Detail screen with color and size selector, Profile screen, and Favorites screen

Checkout flow, including payment action sheet and 2 additional screens to add payment methods and delivery addresses

Checkout flow, including payment action sheet and 2 additional screens to add payment methods and delivery addresses

Besides, every single screen was adapted for light mode too:

E-commerce template also available in light mode

Usage​

  1. This template is included for free with your SpiroKit license. If you don't have a license yet, you can get it here
  2. Create a new project 
    npx create-spirokit-app --template ecommerce-app-template
  3. Login into our private registry using your username and password. More info about this in the installation guide
  4. Run your app. 
    yarn start