A showcase of our modern, clean design components inspired by Stripe's documentation
Our design system uses the Inter font family for excellent readability and a carefully crafted color palette inspired by Stripe's modern aesthetic.
This is a paragraph with normal text. Our typography system ensures excellent readability with proper line height, letter spacing, and font weights.
Here's some inline code and a link example to show different text treatments.
Our enhanced code blocks provide better syntax highlighting and copy functionality:
import React, { useState } from 'react';
const UserProfile = ({ user }) => {
const [isEditing, setIsEditing] = useState(false);
return (
<div className="user-profile">
<h2>{user.name}</h2>
<p>{user.email}</p>
<button onClick={() => setIsEditing(!isEditing)}>
{isEditing ? 'Save' : 'Edit'}
</button>
</div>
);
};
export default UserProfile;
curl -X POST https://api.lenify.ai/v1/projects \
-H "Authorization: Bearer your_api_key" \
-H "Content-Type: application/json" \
-d '{
"name": "My New Project",
"template": "react-typescript",
"description": "A modern React project"
}'
Professional API endpoint documentation with parameter tables and response examples:
/users/{id}/projectsRetrieve all projects for a specific user
id*stringstatusstringactivelimitinteger50{
"data": [
{
"id": "proj_abc123",
"name": "My Web App",
"status": "active",
"created_at": "2024-01-15T10:30:00Z"
}
],
"meta": {
"total": 25,
"page": 1,
"per_page": 50
}
}Versatile card components with multiple variants and hover effects:
Standard card with subtle hover effects and clean typography.
Eye-catching gradient card for highlighting important features.
Showcase premium features with elegant styling and clear value proposition.
Clean, modern alerts with proper semantic colors:
Modern button designs with smooth hover animations:
Clean, readable tables with hover effects:
| Feature | Free | Pro | Enterprise |
|---|---|---|---|
| Projects | 3 | Unlimited | Unlimited |
| AI Generations | 100/month | 10,000/month | Unlimited |
| Team Members | 1 | 10 | Unlimited |
| Support | Community | Phone & Email |
Our Stripe-inspired design system follows these key principles:
Every element serves a clear purpose and guides users toward their goals.
Generous whitespace and minimal visual clutter for better focus.
Lightweight components with smooth animations and fast loading.
Responsive design that works beautifully on all device sizes.