Skip to content
SLICES / TECHNICAL FOLIO Nº 001FULL-STACK ASSEMBLIES — OPEN SOURCE

From an empty folder to a working feature

Install editable components, their service configuration, and the infrastructure they need. Click the underlined installer name in a command to switch between slices.sh and shadcn across the website.

Let your coding agent set it up

One prompt installs the skill and builds a sample app with social login and MongoDB.

  1. 01

    Create your app with its features

    npx install sign-in collection-table --with-app

    Creates a Next.js app, installs sign-in and a collection table with ready-to-use pages, and provisions their services.

  2. 02

    Run it

    npm run dev

    Run from your app folder. Full-page installs are available under /demo.

Already have an app?

npx add sign-in collection-table

Add only the features you need. Default options are omitted; choose other providers and capabilities on each component page.

Bring your own design

Use the headless parts to add behavior to your own React components.

Explore the headless library →Connect a service step by step →

Choose a provider

Install a service configuration for the provider you choose. Your component’s design stays yours.

npx add collection.neon
Choose and configure a component