Get started
Install and get started with Fullstack Components.
Documentation
fullstack-components is a library of AI-powered building blocks that make it easy to build smarter Next.js applications from end-to-end.
Overview
fullstack-components lets you work securely with AI in these ways:
- Server and Client Components to get you up and running in no-time.
- Functions to help you performantly fetch data on the server and on the client.
- Hooks and utilities that bridge the gaps between components and functions.
This lets you easily build custom components and functionality, or use pre-built ones with all the features you need.
Introduction
Usage
Styling and a quickstart usage example to learn the basics.
Concepts
Core concepts, data fetching patterns and import paths.
Features
Prompt
Easily integrate AI prompts into any part of your application.
Component
Hook
Utils
Text
AI transforms, creates or modifies text, markdown or HTML.
Component
Hook
Utils
Audio
Generate speech or transcribe audio with AI.
Components
Hooks
Utils
Image
AI creates images with prompts or generates image descriptions.
Component
Hook
Utils
Select
AI creates, sorts and labels dropdowns or lists of content.
Component
Hook
Utils
Block
AI React Components. Prompt goes in, component comes out.
Component
Hook
Utils
HTML Page
AI-Powered HTML page generation. Designs and codes full pages.
Hook
Utils
Not Found Enhancer
AI-Powered Page Not Found. Get help finding the page you were looking for.
Hook
Utils
Error Enhancer
AI-Powered Error Enhancer. Debug and make sense of technical errors.
Components
Hook
Utils