fastn simplifies programming making it accessible to everyone. Developers, designers, and non-programmers alike can easily learn fastn to build stunning web projects.
Its user-friendly interface and minimal syntax allow even those with no prior programming experience to grasp its functionalities swiftly.
Take the below examples for instance.-- chat-female-avatar: Hello World! π
-- chat-female-avatar:
I'm Nandhini, a freelance content writer.
-- chat-female-avatar:
Fun fact: I also built this entire page with fastn! π
It's that easy!
Fun fact: I built this entire page with fastn! π
It's that easy!-- quote.rustic: Nandhini
It's liberating to control the outcome as the creator. I can swiftly bring
changes to life without delay or intermediaries.
-- boolean $show-modal: false
-- modal-cover.button: Click to Open
$on-click$: $ftd.toggle($a = $show-modal)
disable-link: true
-- modal-cover.modal-cover: fastn fun-fact
$open: $show-modal
**`If you can type, you can code!`**
fastn's versatility accommodates a wide range of projects, from landing pages to complex web applications, giving startups the agility they need to adapt and evolve.
You can choose from numerous components that suit your needs. There are doc-sites, blogs, landing pages to individual component library like bling, hero sections, and more.
The best part? All components in the ecosystem adhere to a unified design system. This ensures that every component blends seamlessly with others, creating a cohesive look and feel across your entire site.-- toggle-text: fastn is cool!
-- component toggle-text:
boolean $current: false
caption title:
-- ftd.text: $toggle-text.title
align-self: center
color if { toggle-text.current }: $inherited.colors.cta-primary.disabled
color: $inherited.colors.cta-primary.text
role: $inherited.types.heading-tiny
background.solid: $inherited.colors.cta-primary.base
padding.px: 20
border-radius.px: 5
$on-click$: $ftd.toggle($a = $toggle-text.current)
-- end: toggle-text
-- boolean $show: false
-- ftd.text: Enter mouse cursor over me
$on-mouse-enter$: $ftd.set-bool($a = $show, v = true)
$on-mouse-leave$: $ftd.set-bool($a = $show, v = false)
-- ftd.text: Hide and Seek
if: { show }
-- string $idle: Unknown Idle State
-- ftd.text: $idle
-- ftd.rive:
id: vehicle
src: https://cdn.rive.app/animations/vehicles.riv
autoplay: false
artboard: Jeep
$on-rive-play[idle]$: $ftd.set-string($a = $idle, v = Playing Idle)
$on-rive-pause[idle]$: $ftd.set-string($a = $idle, v = Pausing Idle)
-- ftd.text: Idle/Run
$on-click$: $ftd.toggle-play-rive(rive = vehicle, input = idle)
fastn
can be
used for building data driven websites and dashboards.You can interact with backend APIs, and use the API responses to
-- import: fastn/processors as pr
-- result r:
$processor$: pr.http
url: https://api.github.com/search/repositories
sort: stars
order: desc
q: language:python
-- import: fastn/processors as pr
-- people:
$processor$: pr.package-query
db: db.sqlite
SELECT * FROM user;
-- show-person: $p
for: $p in $people
A lot of color scheme and typography packages are available, which you can import and change the entire typography or color scheme in a few lines of code.
You can manage color palettes and typography centrally to save time and ensure consistent usage across your website.fastn
's color scheme or create your own scheme
from Figma JSON.-- ds.page: This is page title
document-title: Welcome!
document-description: Learn how to do SEO! document-image: https://gargajit.github.io/optimization/images/seo-meta.png
FASTN.ftd
example that uses fastn.redirects
-- import: fastn
-- fastn.package: redirect-example
-- fastn.redirects:
/ftd/kernel/: /kernel/
/discord/: https://discord.gg/eNXVBMa4xt
fastn enables novice developers to make meaningful contributions. Cut costs by utilizing a technology that's easy to learn, helping your startup achieve more with less.
With fastn's easy learning curve, you can save on hiring costs by enabling developers of varying levels to efficiently create and manage your web presence.curl -fsSL https://fastn.com/install.sh | bash