# Newsletter signup

An email signup framed by a stack of past issues; subscribing drops the next issue, addressed to you, onto the front.

- ID: `newsletter-signup`
- Import: `animui/newsletter-signup`
- Category: blocks
- Runtime exports: `NewsletterSignup`, `NewsletterSignupBlock`, `default`
- Declaration: `types/free/blocks/newsletter-signup.d.ts`
- Type provenance: emitted-original-typescript
- Related: cta-section, site-footer, contact-section, signup-form, hero-signup

```tsx
import { NewsletterSignup } from 'animui/newsletter-signup';
```

This import example is not a complete render recipe: read the declaration below and its local references for required props, data, callbacks and provider context. Use `animui info newsletter-signup` to resolve the local declaration graph. Global setup is in `llms.txt`.

```ts
export { NewsletterSignup, NewsletterSignupBlock, default } from '../registry/blocks/newsletter-signup/newsletter-signup.js';
export type { NewsletterIssue, NewsletterPublication, NewsletterSignupProps, NewsletterStory, NewsletterVariant } from '../registry/blocks/newsletter-signup/newsletter-signup.js';
```