8

    UI Blocks Gallery

    A collection of beautiful form components and UI blocks built with AxionJS.

    Login Forms

    Login Form 1

    Standard login form with card layout

    Welcome back
    Enter your credentials to access your account

    Enter a password

    • At least 8 characters
    • At least 1 number
    • At least 1 lowercase letter
    • At least 1 uppercase letter
    Or continue with
    Don't have an account? Sign up

    Login Form 2

    Side-by-side login form with gradient background

    Sign in

    Enter your credentials to access your account

    Or continue with
    Don't have an account? Sign up

    Login Form 3

    Modern login form with floating labels

    Welcome back

    Sign in to continue to your account

    Enter a password

    • At least 8 characters
    • At least 1 number
    • At least 1 lowercase letter
    • At least 1 uppercase letter
    Forgot password?
    Or continue with
    Don't have an account? Sign up

    Signup Forms

    Signup Form 1

    Standard signup form with icons

    Create an account
    Enter your information to create an account

    Enter a password

    • At least 8 characters
    • At least 1 number
    • At least 1 lowercase letter
    • At least 1 uppercase letter
    Or continue with
    Already have an account? Sign in

    Signup Form 2

    Side-by-side signup form with features

    Join our community

    Create an account to get started

    Enter a password

    • At least 8 characters
    • At least 1 number
    • At least 1 lowercase letter
    • At least 1 uppercase letter
    Or sign up with

    Already have an account? Sign in

    Signup Form 3

    Minimal signup form with floating labels

    Create account

    Enter your email to get started

    Enter a password

    • At least 8 characters
    • At least 1 number
    • At least 1 lowercase letter
    • At least 1 uppercase letter
    Password must be at least 8 characters and include uppercase, lowercase, and numbers
    Or continue with

    Already have an account? Sign in

    Newsletter Forms

    Newsletter Form 1

    Simple newsletter subscription form

    Subscribe to our newsletter

    Get the latest updates and news delivered to your inbox

    By subscribing, you agree to our Terms of Service and Privacy Policy.

    Newsletter Form 2

    Newsletter form with preferences

    Stay in the loop

    Subscribe to receive the latest updates

    Receive all emails and notifications

    Subscription preferences

    Weekly

    A roundup of the best content from our blog and community

    Monthly

    Be the first to know about new features and improvements

    Occasionally

    Exclusive offers, discounts, and special promotions

    As scheduled

    Webinars, workshops, and other events we host

    By subscribing, you agree to our Terms of Service and Privacy Policy. You can unsubscribe at any time.

    Newsletter Form 3

    Newsletter form with interest selection

    Join our newsletter

    Get personalized content delivered to your inbox

    We'll send you content based on your interests

    No spam, ever. Unsubscribe anytime.

    Questionnaire Forms

    Questionnaire Form 1

    Product feedback questionnaire

    Our Product Feedback
    Help us improve our product by sharing your experience

    Select all that apply

    Overview of your account and activity

    Data analysis and reporting tools

    Workflow and task automation features

    Connections with other services and tools

    iOS and Android applications

    0/500 characters

    Questionnaire Form 2

    Multi-step questionnaire form

    Step 1 of 3Personal Information

    Personal Information

    Questionnaire Form 3

    Customer satisfaction survey

    Customer Satisfaction Survey

    Please take a moment to share your thoughts with us

    How would you rate your overall experience?

    How likely are you to recommend us to others?

    Select all that apply

    Reset Password Forms

    Reset Password Form 1

    Standard password reset form

    Reset password
    Enter your email address and we'll send you a link to reset your password

    We'll send a password reset link to this email address

    Remember your password? Sign in

    Reset Password Form 2

    Multi-step password reset

    Reset your password

    Enter your email address and we'll send you a link to reset your password

    Reset Password Form 3

    Minimal password reset form

    Forgot password?

    No worries, we'll send you reset instructions

    Event Registration Forms

    Event Registration Form 1

    Standard event registration form

    Event Registration
    Register for our upcoming event on April 15-16, 2025
    Limited Capacity
    $99

    Access to all sessions and workshops

    • All sessions
    • Workshop access
    • Event app access
    $199

    Standard + lunch and networking event

    • All sessions
    • Workshop access
    • Event app access
    • Lunch included
    • Networking event
    $299

    Premium + exclusive Q&A session with speakers

    • All sessions
    • Workshop access
    • Event app access
    • Lunch included
    • Networking event
    • Exclusive Q&A session
    • VIP lounge access

    Receive emails about future events and promotions

    Event Information

    Date and Time

    April 15-16, 2025

    9:00 AM - 5:00 PM

    Location

    Tech Convention Center, San Francisco, CA

    Event Registration Form 2

    Event registration with details

    Tech Conference 2025

    Join us for the biggest tech event of the year

    Event banner

    April 15-16, 2025

    9:00 AM - 5:00 PM

    Tech Convention Center

    123 Innovation Blvd, San Francisco, CA

    2 Full Days

    Over 50 sessions and workshops

    Limited Capacity

    Only 500 spots available

    Ticket includes:

    • Access to all keynotes and sessions
    • Lunch and refreshments
    • Networking opportunities
    • Conference materials

    Register for the event

    Total
    $299.00

    Event Registration Form 3

    Multi-step event registration

    Personal Information

    Provide your contact information to register.

    Hero Sections

    Hero App

    App showcase hero section

    New Release v2.0

    Your Complete Design System

    Build beautiful, responsive web applications with our comprehensive component library.

    Cross-platform compatibility
    Real-time collaboration
    Offline support
    Automatic updates
    App interface

    Hero Centered

    Centered hero section with call to action

    New Components Available

    Build Your Next Project Faster

    A modern UI component library designed for rapid development of responsive, accessible web applications.

    4.9/5 from 2,000+ reviews

    Hero Gradient

    Hero section with gradient background

    Build Faster with Modern Components

    Highly customizable Components for building modern websites and applications that look and feel the way you mean it.

    Hero Simple

    Minimal hero section

    Build Beautiful Interfaces Faster

    A modern UI component library designed for rapid development of responsive, accessible web applications.

    Hero Split

    Split content hero section

    New Release v2.0

    Design Better. Build Faster.

    Our component library helps you create beautiful, responsive web applications with less effort and more flexibility.

    Responsive design system
    Accessible components
    Dark mode support
    Customizable themes
    Component showcase

    Component Library

    100+ ready-to-use components

    Hero Video

    Hero section with background video

    Transform Your Digital Experience

    Our component library provides everything you need to build beautiful, accessible, and responsive web applications.

    Get Started
    Product showcase

    Navigation

    Navbar Animated

    Animated navigation bar

    Animated Navbar

    This navbar features smooth animations for hover and active states. Try hovering over the navigation items and clicking them to see the animations.

    Content Block 1

    This is a sample content block to demonstrate the navbar's functionality.

    Content Block 2

    This is a sample content block to demonstrate the navbar's functionality.

    Content Block 3

    This is a sample content block to demonstrate the navbar's functionality.

    Content Block 4

    This is a sample content block to demonstrate the navbar's functionality.

    Content Block 5

    This is a sample content block to demonstrate the navbar's functionality.

    Content Block 6

    This is a sample content block to demonstrate the navbar's functionality.

    Navbar Bottom with Icons

    All-in-one bottom navigation with preview mode

    Bottom Navigation Preview

    Navbar Desktop

    Desktop optimized navigation

    Navbar Dropdown

    Navigation with dropdown menus

    Navbar Mobile

    Mobile friendly navigation

    Navbar Responsive

    Fully responsive navigation bar

    Navbar Simple

    Simple navigation bar

    FAQ Components

    FAQ Accordion

    Expandable FAQ accordion

    Frequently Asked Questions

    FAQ Grid

    Grid-based FAQ layout

    Frequently Asked Questions

    Find answers to common questions about our platform. If you can't find what you're looking for, please contact our support team.

    How do I reset my password?

    To reset your password, click on the 'Forgot Password' link on the login page. Enter your email address, and we'll send you instructions to create a new password. For security reasons, password reset links expire after 24 hours.

    Can I change my subscription plan?

    Yes, you can upgrade or downgrade your subscription plan at any time from your account settings. Changes to your plan will take effect immediately, and your billing will be prorated based on the time remaining in your current billing cycle.

    Is my data secure?

    We take data security very seriously. All data is encrypted both in transit and at rest using industry-standard encryption protocols. We regularly perform security audits and comply with GDPR, CCPA, and other privacy regulations to ensure your information is protected.

    How do I cancel my account?

    You can cancel your account at any time by going to your account settings and selecting 'Cancel Account'. Your data will be retained for 30 days after cancellation, during which time you can reactivate your account. After 30 days, all your data will be permanently deleted.

    Do you offer refunds?

    We offer a 14-day money-back guarantee for all new subscriptions. If you're not satisfied with our service within the first 14 days, contact our support team for a full refund. After this period, refunds are handled on a case-by-case basis according to our refund policy.

    How can I contact customer support?

    Our customer support team is available 24/7. You can reach us through live chat on our website, by email at support@example.com, or by phone at +1 (555) 123-4567. For technical issues, please include as much detail as possible to help us resolve your problem quickly.

    Still have questions?

    Our support team is here to help. Contact us through any of these channels.

    Email

    Send us an email and we'll get back to you within 24 hours.

    support@example.com

    Live Chat

    Chat with our support team in real-time.

    Start a chat

    Phone

    Call us directly for immediate assistance.

    +1 (555) 123-4567

    FAQ Tabs

    Tabbed FAQ interface

    Frequently Asked Questions

    Find answers to common questions about our platform

    What is Axion.js?

    Axion.js is a modern UI component library designed for building responsive, accessible web applications. It provides a comprehensive set of registry/new-york that are highly customizable and follow best practices for web development.

    Is Axion.js free to use?

    Yes, Axion.js is open-source and free to use for both personal and commercial projects. We offer premium plans with additional features and support for enterprise users.

    How do I get started with Axion.js?

    To get started, install Axion.js via npm or yarn, import the registry/new-york you need, and start building your application. Our comprehensive documentation provides examples and guides to help you get up and running quickly.

    Footer Components

    Footer Dark

    Dark-themed footer

    Footer Multi Column

    Multi-column footer layout

    Footer Simple

    Simple footer component

    Logo Components

    Logo Cloud Featured

    Featured logo cloud display

    Trusted Worldwide

    Powering the world's best products

    Join thousands of companies that trust our component library to build beautiful, responsive applications.

    Nvidia Logo
    "Transformed our design workflow"

    John Smith, Design Lead

    GitHub Logo
    "Accelerated our development cycle by 40%"

    Sarah Johnson, CTO

    OpenAI Logo
    "Essential for our design system"

    Michael Chen, Product Manager

    Column Logo
    Nike Logo
    Lemon Squeezy Logo
    Laravel Logo
    Lilly Logo

    Logo Cloud Grid

    Grid-based logo display

    Trusted by industry leaders

    Join thousands of companies using our library

    View case studies
    Nvidia Logo
    Column Logo
    GitHub Logo
    Nike Logo
    Lemon Squeezy Logo
    Laravel Logo
    Lilly Logo
    OpenAI Logo

    Logo Cloud Infinite

    Infinite scrolling logo display

    Powering the best teams

    Nvidia Logo
    Column Logo
    GitHub Logo
    Nike Logo
    Lemon Squeezy Logo
    Laravel Logo
    Lilly Logo
    OpenAI Logo
    Nvidia Logo
    Column Logo
    GitHub Logo
    Nike Logo
    Lemon Squeezy Logo
    Laravel Logo
    Lilly Logo
    OpenAI Logo

    Logo Cloud Simple

    Simple logo cloud layout

    Trusted by industry leaders

    Join thousands of companies using our library

    Nvidia Logo
    Column Logo
    GitHub Logo
    Nike Logo
    Lemon Squeezy Logo
    Laravel Logo
    Lilly Logo
    OpenAI Logo
    Nvidia Logo
    Column Logo
    GitHub Logo
    Nike Logo
    Lemon Squeezy Logo
    Laravel Logo
    Lilly Logo
    OpenAI Logo

    Pricing Components

    Pricing Comparison

    Side-by-side pricing comparison

    Compare Plans

    Choose the perfect plan for your needs. All plans include access to our AI portrait generator.

    Free

    $0/month

    Basic features for personal projects

    Features

    AI-generated portraits5
    Turnaround time24 hours
    Style options1
    Filter options1
    Retouch credits0
    Commercial usage
    Priority support
    Custom branding
    API access
    Most Popular

    Pro

    $39/month

    Everything you need for professional work

    Features

    AI-generated portraits50
    Turnaround time3 hours
    Style options5
    Filter options5
    Retouch credits5
    Commercial usage
    Priority support
    Custom branding
    API access

    Enterprise

    $99/month

    Advanced features for teams and businesses

    Features

    AI-generated portraitsUnlimited
    Turnaround time1 hour
    Style options10
    Filter options10
    Retouch credits20
    Commercial usage
    Priority support
    Custom branding
    API access

    Pricing Simple

    Simple pricing component

    Pricing

    Starter

    $19

    Get 20 AI-generated portraits with 2 unique styles and filters.

    • 5 hours turnaround time
    • 20 AI portraits
    • Choice of 2 styles
    • Choice of 2 filters
    • 2 retouch credits
    Most Popular

    Advanced

    $29

    Get 50 AI-generated portraits with 5 unique styles and filters.

    • 3 hours turnaround time
    • 50 AI portraits
    • Choice of 5 styles
    • Choice of 5 filters
    • 5 retouch credits

    Premium

    $49

    Get 100 AI-generated portraits with 10 unique styles and filters.

    • 1-hour turnaround time
    • 100 AI portraits
    • Choice of 10 styles
    • Choice of 10 filters
    • 10 retouch credits

    Pricing Toggle

    Pricing with monthly/yearly toggle

    Pricing

    Starter

    $20/month

    Get 20 AI-generated portraits with 2 unique styles and filters.

    • 5 hours turnaround time
    • 20 AI portraits
    • Choice of 2 styles
    • Choice of 2 filters
    • 2 retouch credits
    Most Popular

    Advanced

    $40/month

    Get 50 AI-generated portraits with 5 unique styles and filters.

    • 3 hours turnaround time
    • 50 AI portraits
    • Choice of 5 styles
    • Choice of 5 filters
    • 5 retouch credits

    Premium

    $80/month

    Get 100 AI-generated portraits with 10 unique styles and filters.

    • 1-hour turnaround time
    • 100 AI portraits
    • Choice of 10 styles
    • Choice of 10 filters
    • 10 retouch credits

    Table Components

    Table Basic

    Basic table component

    Team Members

    NameEmailLocationStatusBalance
    AT
    Alex Thompson
    @alexthompson
    alex.t@company.comSan Francisco, US
    Active
    $1,250.00
    SC
    Sarah Chen
    @sarahchen
    sarah.c@company.comSingapore
    Active
    $600.00
    MG
    Maria Garcia
    @mariagarcia
    m.garcia@company.comMadrid, Spain
    Inactive
    $0.00
    DK
    David Kim
    @davidkim
    d.kim@company.comSeoul, KR
    Active
    -$1,000.00

    Table Complex

    Feature-rich table component

    CSS Feature Compatibility

    Desktop browsers
    Mobile browsers
    ChromeEdgeFirefoxOperaSafariChrome AndroidFirefox AndroidOpera AndroidSafari iOSSamsung Internet
    container-queries
    105
    105
    110
    91
    16
    105
    110
    73
    16
    20
    subgrid
    117
    117
    71
    103
    16
    117
    71
    79
    16
    22
    has-selector
    121
    121
    121
    107
    15.4
    121
    121
    79
    15.4
    No

    Table Interactive

    Interactive table with sorting and filtering

    Invoice Management

    Invoice
    Customer
    Date
    Status
    Method
    Amount
    INV001Alex JohnsonJan 15, 2023PaidCredit Card$250.00
    INV002Sarah WilliamsFeb 3, 2023PendingPayPal$150.00
    INV003Michael BrownFeb 18, 2023UnpaidBank Transfer$350.00
    INV004Emily DavisMar 5, 2023PaidCredit Card$450.00
    INV005James WilsonMar 22, 2023PaidPayPal$550.00
    INV006Olivia MartinezApr 10, 2023PendingBank Transfer$200.00
    Total$1950.00

    Stats Components

    Stats Cards

    Statistics display with cards

    Our Growth in Numbers

    Metrics that showcase the impact and adoption of our component library.

    +24.3%

    Active Users

    2.4M+

    Monthly active users across all platforms

    +12 this month

    registry/new-york

    150+

    Ready-to-use UI registry/new-york

    +1.2K

    GitHub Stars

    15.2K

    Open source community support

    +32.7%

    Downloads

    3.8M

    Package downloads in the last month

    Stats Feature

    Feature-rich statistics component

    Built for scale, designed for performance

    Our component library is built on a foundation of performance and reliability, ensuring your applications run smoothly even at scale.

    99.9%

    Uptime

    24/7

    Support

    100+

    Countries

    10M+

    API Requests

    Stats Grid

    Grid-based statistics layout

    Axion.js in numbers

    Our component library is more than just code. It supports an entire ecosystem of developers and businesses helping them innovate faster.

    +1200

    Stars on GitHub

    22 Million

    Active Users

    +500

    Powered Apps

    CTA Components

    CTA Card

    Card-based call-to-action

    Start building today

    Our component library provides everything you need to build beautiful, accessible web applications.

    Responsive components
    Accessible by default
    Dark mode support
    Customizable themes

    Get started for free

    No credit card required. Upgrade anytime.

    Start Building

    Already have an account? Sign in

    CTA Centered

    Centered call-to-action component

    Ready to get started?

    Join thousands of developers building modern, responsive web applications with our component library.

    Testimonial Components

    Testimonials Carousel

    Carousel testimonial display

    Testimonials

    What our users say

    Don't just take our word for it. Here's what developers and designers have to say about Axion.js.

    "Implementing Axion.js in our design system has transformed our development workflow. We've reduced our time-to-market by 40% while maintaining exceptional quality."
    SJ

    Sarah Johnson

    CTO, TechForward

    "The accessibility features built into Axion.js registry/new-york have made it so much easier for us to create inclusive applications. It's rare to find a library that prioritizes accessibility without compromising on design."
    MC

    Michael Chen

    Lead Developer, InnovateX

    "As a designer, I appreciate how Axion.js bridges the gap between design and development. The registry/new-york are flexible enough to match our brand while maintaining consistency across our applications."
    ER

    Emily Rodriguez

    Product Designer, DesignHub

    "We've tried many component libraries, but Axion.js stands out for its performance and attention to detail. The documentation is excellent, and the community support is outstanding."
    DK

    David Kim

    Frontend Architect, BuildScale

    "Axion.js has become an essential part of our design system. The thoughtful implementation of variants and the consistent API across registry/new-york make it a joy to work with."
    AP

    Aisha Patel

    UX Director, UserFirst

    Testimonials Featured

    Featured testimonials component

    Testimonials

    Loved by developers worldwide

    Our registry/new-york are used by thousands of developers to build modern, accessible web applications.

    ET
    "Axion.js has completely transformed our development workflow. The registry/new-york are beautifully designed, accessible by default, and incredibly flexible. We've cut our development time in half while improving the quality of our UI."

    Emma Thompson

    CTO at TechForward

    JW
    "As a solo developer, Axion.js has been a game-changer. The documentation is excellent, and the registry/new-york just work."

    James Wilson

    Freelance Developer

    SC
    "The accessibility features in Axion.js are exceptional. It's rare to find a component library that prioritizes a11y without compromising on design."

    Sophia Chen

    UX Designer at DesignHub

    4.9/5

    Based on 1,200+ reviews

    92%
    6%
    2%
    0%
    0%

    Testimonials Grid

    Grid layout for testimonials

    Loved by the Community

    Real feedback from developers who use our components every day.

    JY

    Jonathan Yombo

    Software Engineer

    Axion.js is really extraordinary and very practical, no need to break your head. A real gold mine.

    YK

    Yves Kalume

    GDE - Android

    With no experience in webdesign I just redesigned my entire website in a few minutes with tailwindcss thanks to Axion.js.

    YF

    Yucel Faruksahan

    UI Kit Creator

    Great work on the component library. This is one of the best design systems that I have seen so far :)

    Aa

    Anonymous author

    Doing something

    I am really new to Tailwind and I want to give a go to make some page on my own. I searched a lot of hero pages and blocks online. However, most of them are not giving me a clear view or needed some HTML/CSS coding background to make some changes from the original or too expensive to have. I downloaded Axion.js which is very clear to understand at the start and you could modify the codes/blocks to fit perfectly on your purpose of the page.

    ST

    Shekinah Tshiokufila

    Senior Software Engineer

    Axion.js is redefining the standard of web design, with these blocks it provides an easy and efficient way for those who love beauty but may lack the time to implement it. I can only recommend this incredible wonder.

    OF

    Oketa Fred

    Fullstack Developer

    I absolutely love Axion.js! The component blocks are beautifully designed and easy to use, which makes creating a great-looking website a breeze.

    Z

    Zeki

    Founder of ChatExtend

    Using Axion.js has been like unlocking a secret design superpower. It's the perfect fusion of simplicity and versatility, enabling us to create UIs that are as stunning as they are user-friendly.

    JK

    Joseph Kitheka

    Fullstack Developer

    Axion.js has transformed the way I develop web applications. Their extensive collection of UI components, blocks, and templates has significantly accelerated my workflow. The flexibility to customize every aspect allows me to create unique user experiences. Axion.js is a game-changer for modern web development!

    KW

    Khatab Wedaa

    UI Creator

    Axion.js is an elegant, clean, and responsive tailwind css components it's very helpful to start fast with your project.