Amotify

0.3.19 verified Fri May 01 auth: no javascript

Amotify is a UI component library for React and Next.js applications, designed for simplicity and ease of integration with modern build tools like esbuild. The current stable version is 0.3.19, with an early-stage release cadence. It provides a set of pre-styled components to accelerate development. Key differentiators include TypeScript support out of the box and compatibility with esbuild, making it a lightweight alternative to heavier UI libraries. However, the project is in early development with minimal documentation and potential API instability.

Common errors

error Module not found: Can't resolve 'amotify' ↓

cause Package not installed or not in node_modules.

fix

Run 'npm install amotify'.

error Attempted import error: 'Button' is not exported from 'amotify'. ↓

cause Incorrect import syntax (default vs named).

fix

Use correct named import: import { Button } from 'amotify'.

Warnings

gotcha No README or documentation available; API may change without notice. ↓

fix Refer to source code or GitHub issues for usage details.

breaking Package version <1.0.0; breaking changes possible in minor versions. ↓

fix Pin exact version or use lockfile.

deprecated CommonJS require may not work; ESM-only in future releases. ↓

fix Use ES import syntax.

Install

npm install amotify

yarn add amotify

pnpm add amotify

Imports

Button

wrong

import Button from 'amotify'

correct

import { Button } from 'amotify'

Named export, not default. Ensure ESM context.

default
wrong
```
const Amotify = require('amotify')
```
correct
```
import Amotify from 'amotify'
```
Default export available for compatibility, but prefer named imports.
type ButtonProps
wrong
```
import { ButtonProps } from 'amotify'
```
correct
```
import type { ButtonProps } from 'amotify'
```
Type import to avoid runtime bundling; only with TypeScript.

Quickstart

Minimal React app using Amotify Button component.

import React from 'react';
import { Button } from 'amotify';

function App() {
  return (
    <div>
      <Button onClick={() => alert('Clicked!')}>
        Click me
      </Button>
    </div>
  );
}

export default App;