One storefront. Any backend. Amplified by AI.

Daffodil is an Angular-based frontend framework that provides the driver architecture to build, scale, and switch backends for a faster and more adaptable ecommerce storefront.

Get Started See a Demo

Get started in seconds

Build only what you need.

Choose your backend, pick your features, and start selling.

npx ng add @daffodil/commerce

✔ Determining Package Manager

› Using package manager: npm

✔ Searching for compatible package version

› Found compatible package version: @daffodil/commerce@0.94.1.

✔ Loading package information from registry

✔ Confirming installation

✔ Installing package

✔ Is this a new Angular project? Yes

✔ Which driver do you want to use? Magento

CREATE src/app/daff/navigation/components/navigation.component.ts (8143 bytes)

CREATE src/app/daff/navigation/components/state/navigation.state.ts (1276 bytes)

CREATE src/app/daff/pages/home/home.component.ts (3072 bytes)

CREATE src/app/daff/pages/not-found/not-found.component.ts (4193 bytes)

CREATE src/app/daff/product/components/product-list/product-list.component.ts (7245 bytes)

CREATE src/app/daff/product/components/product-list/state/product-list.state.ts (1766 bytes)

CREATE src/app/daff/product/components/product-page/product-page.component.ts (6249 bytes)

CREATE src/app/daff/product/resolvers/product.resolver.ts (913 bytes)

UPDATE package.json (1606 bytes)

UPDATE src/app/app.config.ts (1215 bytes)

UPDATE src/app/app.routes.ts (731 bytes)

UPDATE src/app/app.html (781 bytes)

UPDATE src/app/app.ts (487 bytes)

✔ Packages installed successfully.

npx ng add @daffodil/commerce
✔ Determining Package Manager
  › Using package manager: npm
✔ Searching for compatible package version
  › Found compatible package version: @daffodil/commerce@0.94.1.
✔ Loading package information from registry
✔ Confirming installation
✔ Installing package

✔ Is this a new Angular project? Yes

✔ Which driver do you want to use? Magento
CREATE src/app/daff/navigation/components/navigation.component.ts (8143 bytes)
CREATE src/app/daff/navigation/components/state/navigation.state.ts (1276 bytes)
CREATE src/app/daff/pages/home/home.component.ts (3072 bytes)
CREATE src/app/daff/pages/not-found/not-found.component.ts (4193 bytes)
CREATE src/app/daff/product/components/product-list/product-list.component.ts (7245 bytes)
CREATE src/app/daff/product/components/product-list/state/product-list.state.ts (1766 bytes)
CREATE src/app/daff/product/components/product-page/product-page.component.ts (6249 bytes)
CREATE src/app/daff/product/resolvers/product.resolver.ts (913 bytes)
UPDATE package.json (1606 bytes)
UPDATE src/app/app.config.ts (1215 bytes)
UPDATE src/app/app.routes.ts (731 bytes)
UPDATE src/app/app.html (781 bytes)
UPDATE src/app/app.ts (487 bytes)
✔ Packages installed successfully.

Seamless multi-platform ecommerce integration.

Transition between Magento, Shopify or any other platforms without the hassle of reinventing your front-end.

Built with community support

One storefront. Any backend. Amplified by AI.

Daffodil is an Angular-based frontend framework that provides the driver architecture to build, scale, and switch backends for a faster and more adaptable ecommerce storefront.

Build only what you need.

Sponsors

Join the community and get involved with Daffodil