xflops.github.io/index.html at main · xflops/xflops.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
---
layout: default
title: Home
---

<section class="hero">
    <div class="container">
        <div class="hero-logo">
            <img src="/images/flame-logo.jpg" alt="XFLOPS Logo" class="hero-flame-logo">
        </div>
        <h1>An open source community to empower AI applications</h1>
        <p>
            XFLOPS helps enterprises build AI applications with open tools, frameworks, and best practices.
            Flame is the community's core project: a distributed engine for secure, cost-effective, and
            high-performance elastic AI workloads.
        </p>
        <div class="hero-buttons">
            <a href="/docs/getting-started/" class="btn btn-primary">Get Started</a>
            <a href="https://github.com/xflops/flame" class="btn btn-secondary" target="_blank" rel="noopener">View on GitHub</a>
        </div>
    </div>
</section>

<section class="features">
    <div class="container">
        <h2>What XFLOPS Focuses On</h2>
        <div class="features-grid">
            <div class="feature-card">
                <h3>Elastic</h3>
                <p>Scale AI workloads dynamically based on demand with runtime-aware scheduling and resource optimization.</p>
            </div>

            <div class="feature-card">
                <h3>Security</h3>
                <p>Use session-based access, isolated runtime environments, and secure component communication for elastic workloads.</p>
            </div>

            <div class="feature-card">
                <h3>Cost Effective</h3>
                <p>Optimize resource utilization and workload distribution so AI systems can run efficiently at scale.</p>
            </div>

            <div class="feature-card">
                <h3>Heterogeneous</h3>
                <p>Support varied infrastructure, including CPU, GPU, and accelerator-backed environments.</p>
            </div>

            <div class="feature-card">
                <h3>High Performance</h3>
                <p>Improve throughput and roundtrip time for task-heavy AI systems through distributed execution.</p>
            </div>

            <div class="feature-card">
                <h3>Cloud Native</h3>
                <p>Build portable runtime infrastructure for cloud, on-premise, and hybrid deployments.</p>
            </div>
        </div>
    </div>
</section>

<section class="flame-project">
    <div class="container">
        <div class="flame-text">
            <h2>Core Project: Flame</h2>
            <p>
                Flame is the core XFLOPS project for elastic AI workloads. It provides the distributed runtime
                mechanisms behind sessions, task scheduling, executor reuse, object caching, and secure service
                integration for agents, reinforcement learning, generated-code execution, and more.
            </p>

            <div class="diagram-image">
                <img src="/images/flame-arch.jpg" alt="Flame architecture diagram">
            </div>

            <h3>How Flame Works</h3>
            <ul>
                <li><strong>Session:</strong> A group of related tasks with scheduling, resource, and isolation boundaries.</li>
                <li><strong>Task:</strong> A unit of work submitted by a client and executed by a service in an executor.</li>
                <li><strong>Executor:</strong> A runtime environment that hosts application services for a session.</li>
                <li><strong>Object cache:</strong> A shared data layer used by Runner, common data, and incremental object updates.</li>
            </ul>
        </div>
        <div class="flame-actions">
            <a href="/docs/getting-started/" class="btn btn-primary">Start with Flame</a>
            <a href="/docs/flamepy/runner/" class="btn btn-secondary">Use Runner</a>
        </div>
    </div>
</section>

<section class="hot-blogs">
    <div class="container">
        <h2>Latest from the XFLOPS Blog</h2>
        <p>Technical walkthroughs and examples from the XFLOPS community and Flame project.</p>

        <div class="blogs-grid">
            {% assign featured_blog_url = "/blog/deploy-candle-application-with-flame/" %}
            {% assign featured_post = site.blog | where: "url", featured_blog_url | first %}
            {% assign sorted_posts = site.blog | sort: 'date' | reverse %}

            {% if featured_post %}
                {% include home-blog-card.html post=featured_post %}
            {% endif %}

            {% if featured_post %}
                {% assign remaining_limit = 2 %}
            {% else %}
                {% assign remaining_limit = 3 %}
            {% endif %}
            {% assign remaining_count = 0 %}
            {% for post in sorted_posts %}
                {% if post.url != featured_blog_url and remaining_count < remaining_limit %}
                    {% include home-blog-card.html post=post %}
                    {% assign remaining_count = remaining_count | plus: 1 %}
                {% endif %}
            {% endfor %}
        </div>

        <div class="blogs-cta">
            <a href="/blog/" class="btn btn-secondary">View All Blog Posts</a>
        </div>
    </div>
</section>

<section class="community">
    <div class="container">
        <h2>Join the XFLOPS Community</h2>
        <p>Discuss Flame, report issues, and contribute examples or runtime improvements.</p>

        <div class="community-links">
            <a href="https://github.com/xflops" class="community-link" target="_blank" rel="noopener">
                <span class="community-icon">
                    <svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 24 24"
                        fill="currentColor" aria-hidden="true">
                        <path
                            d="M12 2C6.477 2 2 6.484 2 12.021c0 4.428 2.865 8.184 6.839 9.504.5.092.682-.217.682-.483 0-.237-.009-.868-.014-1.703-2.782.605-3.369-1.342-3.369-1.342-.454-1.154-1.11-1.462-1.11-1.462-.908-.62.069-.608.069-.608 1.004.07 1.532 1.032 1.532 1.032.892 1.53 2.341 1.088 2.91.832.091-.647.35-1.088.636-1.339-2.221-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.025A9.564 9.564 0 0 1 12 6.844c.85.004 1.705.115 2.504.337 1.909-1.295 2.748-1.025 2.748-1.025.546 1.378.202 2.397.1 2.65.64.7 1.028 1.595 1.028 2.688 0 3.847-2.337 4.695-4.566 4.944.359.309.678.919.678 1.852 0 1.336-.012 2.415-.012 2.744 0 .268.18.579.688.481C19.138 20.2 22 16.447 22 12.021 22 6.484 17.523 2 12 2z" />
                    </svg>
                </span>
                <span>GitHub</span>
            </a>

            <a href="https://xflops.slack.com" class="community-link" target="_blank" rel="noopener">
                <span class="community-icon">
                    <svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 512 512"
                        fill="currentColor" aria-hidden="true">
                        <g>
                            <path fill="#E01E5A"
                                d="M144.5 315.5c0 20.1-16.3 36.4-36.4 36.4-20.1 0-36.4-16.3-36.4-36.4 0-20.1 16.3-36.4 36.4-36.4h36.4v36.4zm18.2 0c0-20.1 16.3-36.4 36.4-36.4 20.1 0 36.4 16.3 36.4 36.4v90.9c0 20.1-16.3 36.4-36.4 36.4-20.1 0-36.4-16.3-36.4-36.4v-90.9z" />
                            <path fill="#36C5F0"
                                d="M196.4 144.5c-20.1 0-36.4-16.3-36.4-36.4 0-20.1 16.3-36.4 36.4-36.4 20.1 0 36.4 16.3 36.4 36.4v36.4h-36.4zm0 18.2c20.1 0 36.4 16.3 36.4 36.4 0 20.1-16.3 36.4-36.4 36.4h-90.9c-20.1 0-36.4-16.3-36.4-36.4 0-20.1 16.3-36.4 36.4-36.4h90.9z" />
                            <path fill="#2EB67D"
                                d="M367.5 196.4c0-20.1 16.3-36.4 36.4-36.4 20.1 0 36.4 16.3 36.4 36.4 0 20.1-16.3 36.4-36.4 36.4h-36.4v-36.4zm-18.2 0c0 20.1-16.3 36.4-36.4 36.4-20.1 0-36.4-16.3-36.4-36.4v-90.9c0-20.1 16.3-36.4 36.4-36.4 20.1 0 36.4 16.3 36.4 36.4v90.9z" />
                            <path fill="#ECB22E"
                                d="M315.6 367.5c20.1 0 36.4 16.3 36.4 36.4 0 20.1-16.3 36.4-36.4 36.4-20.1 0-36.4-16.3-36.4-36.4v-36.4h36.4zm0-18.2c-20.1 0-36.4-16.3-36.4-36.4 0-20.1 16.3-36.4 36.4-36.4h90.9c20.1 0 36.4 16.3 36.4 36.4 0 20.1-16.3 36.4-36.4 36.4h-90.9z" />
                        </g>
                    </svg>
                </span>
                <span>Slack</span>
            </a>

            <a href="mailto:[email protected]" class="community-link">
                <span class="community-icon">
                    <svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 48 48"
                        fill="currentColor" aria-hidden="true">
                        <g>
                            <rect x="8" y="14" width="32" height="20" rx="2" fill="#0072C6" />
                            <rect x="14" y="10" width="20" height="28" rx="2" fill="#1976D2" />
                            <path d="M14 10l10 10 10-10" fill="#fff" fill-opacity=".7" />
                            <rect x="18" y="20" width="12" height="8" rx="1" fill="#fff" />
                            <path d="M8 14l16 12L40 14" fill="#fff" fill-opacity=".5" />
                        </g>
                    </svg>
                </span>
                <span>Email</span>
            </a>
        </div>
    </div>
</section>